body {
	margin: 0;
}

.dhx_layout-cell-content:not(.dhx_layout-cell) {
	padding: 12px;
}

.bg-gray {
	background-color: #bea3a3;
}

.bg-blue {
	background-color: rgb(127, 127, 231);
}

.layout-footer {
	background: #fbc5dc;
	font-size: 24px;
	font-weight: 800;
	color: #000;
}

.layout-content {
	font-size: 24px;
	text-align: center;
	font-weight: 800;
	color: #000;
	background: #ffffff !important;
}

.layout-sidebar {
	border-right: 4px solid #e0bdf1 ;
	font-size: 24px;
	text-align: center;
	font-weight: 800;
	color: #000;
	background: #e0bdf1 !important;
}

.layout-header {
	background: #e0bdf1;
	color: #000;
	font-size: 24px;
	font-weight: 800;
}

.dhx_layout-cell-header {
	background: #e0bdf1 !important;
}




.sidebar_style.dhx_sidebar {
	background-color: #e0bdf1;
}

.sidebar_style .dhx_sidebar__item--separator {
	background: rgba(255, 255, 255, 0.1);
}

.sidebar_style .dhx_sidebar-button {
	color: #000;
}

.sidebar_style .dhx_sidebar-button.dhx_sidebar-button--active,
.sidebar_style .dhx_sidebar-button:active {
	color: #ffffff;
}

.sidebar_style .dhx_sidebar-button.dhx_sidebar-button--active .dhx_sidebar-button__icon,
.sidebar_style .dhx_sidebar-button:active .dhx_sidebar-button__icon {
	color: inherit;
}

.sidebar_style .dhx_sidebar-button__icon {
	color: #000;
}

.sidebar_style--context-menu .dhx_menu {
	background-color: #e0bdf1;
}

.sidebar_style--context-menu .dhx_menu-button {
	color: #000;
}

.sidebar_style--context-menu .dhx_menu-button:hover:not(:disabled) {
	background-color: rgba(0, 0, 0, 0.07);
}

.sidebar_style--context-menu .dhx_menu-button--active:not(:disabled),
.sidebar_style--context-menu .dhx_menu-button:active:not(:disabled),
.sidebar_style--context-menu .dhx_menu-button:focus:not(:disabled) {
	color: #65a6e7;
	background-color: rgba(0, 0, 0, 0.15);
}

.sidebar_style--context-menu .dhx_menu-button--active:not(:disabled) .dhx_menu-button__icon,
.sidebar_style--context-menu .dhx_menu-button:active:not(:disabled) .dhx_menu-button__icon,
.sidebar_style--context-menu .dhx_menu-button:focus:not(:disabled) .dhx_menu-button__icon {
	color: inherit;
}

.sidebar_style--context-menu .dhx_menu-button__icon {
	color: #000;
}

.dhx_login-container {
	display: none;
	height: 100%;
	flex-direction: column;
	margin: 0;
	padding-top: 30px;
	background: #bde0f1;
}

.dhx_login-form {
	flex: 100%;
	max-width: 400px !important;
}

.bgColor_red {
	background-color: #ffaaaa;
}

.bgColor_green {
	background-color: lightgreen;
	color: black;
}

.bgColor_green_ass {
	background-color: YellowGreen;
}

.bgColor_orange {
	background-color: orange;
}

.bgColor_gold {
	background-color: gold;
}

.bgColor_IsAssociationMember {
	background-color: deepskyblue;
	color: deepskyblue;
}

.bgColor_Not_IsAssociationMember {
	background-color: white;
	color: white;
}

.bgColor_grey {
	background-color: silver;
}

.bgColor_userRejected {
	background-color: LightGray;
	color: silver;
}

.bgColor_userRejected .dhx_grid-cell {
	color: silver !important;
} 

.gridTextColor_silver .dhx_grid-cell {
	color: #DDDDDD !important;
} 

.gridTextColor_blue .dhx_grid-cell {
	color: RoyalBlue !important;
} 

.gridText_bold .dhx_grid-cell {
	font-weight: bold !important;
} 


.dhx_navbar-title--toolbar[dhx_id="userDataInfoAssociationMember"] {
	padding: 4px;
	background-color: deepskyblue !important;
	color: white !important;
	font-weight: bold !important;
	border-radius: 30px !important;
}

.dhx_navbar-title--toolbar[dhx_id="userDataAdditionalDiscordInfos"] {
	padding: 4px;
	background-color: white !important;
	border: 1px solid black;
	color: black !important;
	border-radius: 30px !important;
}