body {
	font-family: 'Trebuchet MS', sans-serif;
}

input, text, tspan, textarea, div, table, tbody, tr, td, label, span, a {
	font-family: inherit;
}

input,textarea {
	color: var(--color-BBSkinBlue_CompsText);
	background-color: var(--color-BBSkinBlue_CompsBack);
}

.BBTrackBarVerticalBottom {
	writing-mode: vertical-lr;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.BBTrackBarVerticalBottom span {
	margin-top:5px;
	padding-right: 10px;
	width: 10%!important;
}
.BBTrackBarVerticalTop {
	writing-mode: vertical-lr;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center!important;
}
.BBTrackBarVerticalTop span {
	margin-bottom:14px;
	width: 10%!important;
}
.BBTrackBarVerticalBoth {
	writing-mode: vertical-lr;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center!important;
}
.BBTrackBarVerticalBoth span {
	margin-top: 5px;
	margin-right: -8px!important;
	transform: translateY(-120px);
	width: 10%!important;
}

.dxpcControl {
	font-family: inherit;
	font-size: inherit;
}

@media print {
	img{page-break-after: always}
	.BodyBB {
		margin: auto;
		min-height: 100vh;
		min-width: 100vw;
		overflow:visible;   
	}
	#MenuBB * {
	display: none;
	visibility: hidden;
	}

	.BB_Widget_NoPrint {
	display: none;
	visibility: hidden;
	}

	#sidebar-wrapper * {
	display: none;
	visibility: hidden;
	}

	.ContentBB {
	top: 0px;
	padding-bottom: 0px;
	position: relative;
	width: 100vw;
	color: #000000;
	height: 100vh;
	overflow:visible;	   
	}

	.DivComps {
	position: relative;
	min-width: 100vw;
	min-height: 100vh;
	overflow:visible;	 
	}	
	.BB_Widget {
		background-color: transparent;
	}
}

@media screen {
	.BodyBB {
	background-color: var(--color-BBSkinBlue_PageBack);
	margin: auto;
	min-height: 100vh;
	min-width: 100vw;
	padding:0px!important;
	}
	.BodyBBNoHeader {
	margin: auto;
	background-image: none;
	background-repeat: no-repeat;
	min-height: 100%;
	}
	.ContentBB {
	position: absolute;
	width: 100%;
	color: var(--color-BBSkinBlue_CompsText);
	height: calc(100vh - var(--TopMenuHeight));
	overflow:auto;
	top: var(--TopMenuHeight);
	}
	.DivComps {
	position: relative;
	margin: auto;
	}
	.BB_Widget {
	background-color: var(--color-BBSkinBlue_CompsBack);
	}
}

.ProductLogo {
	position: absolute;
	left: 10px;
	background-image: url("bb.png");
	background-repeat: no-repeat;
	height: 30px;
	width: 124px;
	z-index: 10000;
	top: 3px;
}

.BandeauCentre {
	position: absolute;
}

.FirmLogo {}

.MenuBB {
	position: relative;
	z-index: 9999;
	width: 100%;
	height: 23px;
}

.MenuBBTable {
	width: 100%;
	position: relative;
	top: 0px;
	background-color: var(--color-BBSkinBlue_PageBack);
	box-shadow: 0px 0px 10px grey;
	height: 25px;
}

.MenuBBTD {
	padding-left: 180px;
	height: 34px;
}

.NoMenu {
	width: 100%;
	height: 25px;
	background-color: var(--color-BBSkinBlue_BorderLine);
}

.ToolBarGrid {
	background-image: url("back.jpg");
	background-repeat: repeat-x;
}


.DivPivotHub {
	position: relative;
	margin: auto;
	top: 100px;
}

.DockVert {
	float: left;
	margin-left: 1px;
}

.DivStudioComps {
	position: relative;
}

.ContentTableauxBB {
	position: relative;
	top: 0px;
	left: var(--LeftMenuWidth);
	height: calc(100vh - var(--TopMenuHeight));
	width: calc(100vw - var(--LeftMenuWidth));
	overflow:auto;
}

.BandeauTableaux {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 5px;
	background-color: var(--color-BBSkinBlue_BorderLine);
}

Div.TitreTableaux {
	position: fixed;
	top: 0px;
	right: 0px;
	z-index: 998;
	background-color: transparent;
	text-align: center;
}

Div.Titre {
	position: absolute;
	top: 40px;
	left: 0px;
	height: 20px;
	width: 100%;
	z-index: 998;
	background-color: transparent;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

Table.Titre {
	margin: 0px;
	padding: 0px;
	border-spacing: 0px;
	border: none;
	margin-left: auto;
	margin-right: auto;
	color: var(--color-BBSkinBlue_CompsText2);
	height: 20px;
}

.TitreLeft {
	margin: 0px;
	padding: 0px;
	border-spacing: 0px;
}

.TitreCenter {
	margin: 0px;
	padding: 0px;
	border-spacing: 0px;
	white-space: nowrap;
}

.TitreRight {
	margin: 0px;
	padding: 0px;
	border-spacing: 0px;
}

Table.Titre td a:link {
	text-decoration: underline;
	color: var(--color-BBSkinBlue_BorderLine);
}

Table.Titre td a:visited {
	text-decoration: underline;
	color: var(--color-BBSkinBlue_BorderLine);
}

Table.Titre td a:hover {
	text-decoration: underline;
	color: var(--color-BBSkinBlue_BorderLine);
}

Table.Titre td a:active {
	text-decoration: underline;
	color: var(--color-BBSkinBlue_BorderLine);
}

.IFrameAccueil {
	position: absolute;
	top: -10px;
	width: 100%;
	height: 800px;
	border: 0px solid var(--color-BBSkinBlue_BorderLine);
}

.LoadingComp {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	z-index: 998;
	background-color: transparent;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.LoadingCompImage {
	left: 50%;
	top: 50%;
	padding: 3px 10px;
	margin-left: -45px;
	margin-top: -11px;
	position: absolute;
	z-index: 999;
	border: solid 1px var(--color-BBSkinBlue_PopupText);
	background-color: var(--color-BBSkinBlue_PopupBack);
	color: var(--color-BBSkinBlue_PopupText);
}

.LoadingExport {
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	z-index: 998;
	background-color: var(--color-BBSkinBlue_BorderLine);
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	-moz-opacity: 0.5;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.searchTxt {
	color: var(--color-BBSkinBlue_CompsText2);
}

.LoadingExportImage {
	left: 50%;
	top: 50%;
	padding: 3px 10px;
	margin-left: -45px;
	margin-top: -11px;
	position: fixed;
	z-index: 999;
	border: solid 1px var(--color-BBSkinBlue_BorderLine);
	background-color: var(--color-BBSkinBlue_CompsBack);
	color: var(--color-BBSkinBlue_CompsText);
}

.FondAdmin {
	background-color: var(--color-BBSkinBlue_CompsBack);
	width: 100%;
}
/*------------------------------------------------------------------------------------------------------------*/
/* Login / Logout pages --------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
.logBackground {
	font-family: 'Montserrat', sans-serif;
	font-size: 26px !important;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5%;
	text-align: center;
	width: 800px;
	height: 800px;
}

.logTable {
	background-image: url('logform.png');
	background-repeat: no-repeat;
	background-position: center top;
	background-color: var(--color-BBSkinBlue_HeaderBack);
	width: 100%;
	height:550px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	border: none !important;
	color: var(--color-BBSkinBlue_HeaderText);
}

.logTable th {
	height: 150px;
	vertical-align: bottom;
	padding-top: 50px;
	padding-bottom: 50px;
	font-size: 36px;
}
.logTable tr {
	height: 40px;
}
.loginCellUser {
	background-image: url('loginUser.png');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 50px;
	text-align: left;
	padding-left:50px;
	width: 50%;
}

.loginCellUserInput {
	border-top: var(--color-BBSkinBlue_HeaderBack) solid 10px;
	border-bottom: var(--color-BBSkinBlue_HeaderBack) solid 10px;
	border-left: var(--color-BBSkinBlue_HeaderBack) solid 20px;
}

.loginBox {
	height: 50px;
	width: 90%;
	background-color: var(--color-BBSkinBlue_CompsBack);
}

.loginCellPwd {
	background-image: url('loginPwd.png');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 50px;
	text-align: left;
	padding-left:50px;
}

.loginCellPwdInput {
	border-top: var(--color-BBSkinBlue_HeaderBack) solid 10px;
	border-bottom: var(--color-BBSkinBlue_HeaderBack) solid 10px;
	border-left: var(--color-BBSkinBlue_HeaderBack) solid 20px;
	background-color: var(--color-BBSkinBlue_HeaderBack);
}

.loginPwdBox {
	height: 50px;
	width: 90%;
	background-color: var(--color-BBSkinBlue_CompsBack);
}

.loginCellButton {
	padding-top: 50px;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 0px;
	
}
.loginButton {
	height: 50px;
	width: 150px;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold !important;
}

.loginInfos, .loginInfos a {
	color: var(--color-BBSkinBlue_CompsText2);
	font-size: 16px;
}
/*------------------------------------------------------------------------------------------------------------*/

.bbLabelDiv_BBSkinBlue {
	color: var(--color-BBSkinBlue_CompsText);
}
span[id*="_POPUP_"].dxeBase_BBSkinBlue {
	color:var(--color-BBSkinBlue_PopupText);
}


/* skin scrollbar pour IE */
body {
	scrollbar-face-color: var(--color-BBSkinBlue_CompsDisabledText) !important; /* couleur du curseur */
	scrollbar-track-color: var(--color-BBSkinBlue_CompsDisabledText) !important; /* couleur fond scrollbar */
	scrollbar-arrow-color: var(--color-BBSkinBlue_CompsDisabledText) !important; /* couleur fleches scrollbar */
	scrollbar-shadow-color: var(--color-BBSkinBlue_CompsDisabledText) !important; /* couleur contour curseur */
}
/* http://www.screenfeed.fr/blog/personnaliser-les-scrollbars-webkit-0366 */
@charset "UTF-8";
/* Scrollbars */
::-webkit-scrollbar {
	width: 14px;
	height: 14px;
	background: transparent url(bg-blog-repeat.png) 0 0 repeat;
}
/* Fond */
::-webkit-scrollbar-track-piece {
	background: transparent none;
	border: solid 4px transparent;
	border-right-width: 8px;
	margin: 2px;
	-webkit-box-shadow: inset 1px 1px 0 0 var(--color-BBSkinBlue_CompsDisabledText), inset -1px -1px 0 0 var(--color-BBSkinBlue_CompsDisabledText);
}
	/* Fond pour la barre du bas */
	::-webkit-scrollbar-track-piece:horizontal {
	border-right-width: 4px;
	border-bottom-width: 8px;
	}
/* Barre */
::-webkit-scrollbar-thumb {
	border: solid 0 transparent;
	border-right-width: 4px;
	-webkit-border-radius: 5px;
	-webkit-border-top-right-radius: 9px 5px;
	-webkit-border-bottom-right-radius: 9px 5px;
	-webkit-box-shadow: inset 0 0 0 1px var(--color-BBSkinBlue_CompsDisabledText), inset 0 0 0 6px var(--color-BBSkinBlue_CompsDisabledText);
}
	/* Barre souris dessus*/
	::-webkit-scrollbar-thumb:hover {
	-webkit-box-shadow: inset 0 0 0 1px var(--color-BBSkinBlue_CompsDisabledBack), inset 0 0 0 6px var(--color-BBSkinBlue_CompsDisabledBack);
	}
	/* Barre du bas */
	::-webkit-scrollbar-thumb:horizontal {
	border-right-width: 0;
	border-bottom-width: 4px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px 9px;
	-webkit-border-bottom-left-radius: 5px 9px;
	}
/* Coin de la fenêtre */
::-webkit-scrollbar-corner {
	background: transparent url(bg-blog-repeat.png) 0 0 no-repeat;
}
/* Boutons */
::-webkit-scrollbar-button {
	height: 10px;
	background: url(webkit-arrows-vert.png) 1px 50% no-repeat, transparent url(bg-blog-repeat.png) 0 0 no-repeat;
}
	/* Bouton incr�ment */
	::-webkit-scrollbar-button:increment {
	background-position: -19px 50%;
	}
	/* Boutons horizontaux */
	::-webkit-scrollbar-button:horizontal {
	width: 26px;
	background: url(webkit-arrows-horiz.png) 50% 1px no-repeat, transparent url(bg-blog-repeat.png) 0 0 no-repeat;
	}
	/* Bouton bas */
	::-webkit-scrollbar-button:horizontal:increment {
		background-position: 50% -19px;
	}

a.linkBB:link {
	color: var(--color-BBSkinBlue_LinkText);
	cursor: pointer;
}

a.linkBB:visited {
	color: var(--color-BBSkinBlue_LinkVisitedText);
	cursor: pointer;
}

a.linkBB:hover {
	text-decoration: underline;
	color: var(--color-BBSkinBlue_LinkHoverText);
	cursor: pointer;
}

a.linkBB:active {
	color: var(--color-BBSkinBlue_LinkText);
	cursor: pointer;
}
/*BiBOARD Barre de défilement basse horizontale sous chrome avec Skin de la scrollbar */
div[id^='ViewBB_CompsPanel_AJAXPANEL_'][id$='_DXFixedColumnsDiv'] {
	height: 14px !important;
}

/* css pour la gestion admin preferences */
.adminpref .nav.nav-pills.nav-justified {
	background-color: var(--color-BBSkinBlue_HeaderBack);
}

.adminpref .nav-pills > li > a {
	border-radius: 0;
}

.adminpref_a {
	color: var(--color-BBSkinBlue_HeaderText);
}

	.adminpref_a:hover {
	background-color: var(--color-BBSkinBlue_CompsHeaderHoverBack) !important;
	}

	.adminpref_a img {
	margin-top: 10px;
	;
	}


.adminpref .nav-pills > li.active > a, .adminpref .nav-pills > li.active > a:focus, .adminpref .nav-pills > li.active > a:hover {
	background-color: var(--color-BBSkinBlue_CompsHeaderPressedBack);
	color: var(--color-BBSkinBlue_CompsHeaderHoverText) !important;
}
.adminpref .nav>li>a:focus {
	background-color: var(--color-BBSkinBlue_CompsHeaderPressedBack) !important;
	color: var(--color-BBSkinBlue_CompsHeaderHoverText) !important;
}

.adminpref .nav>li>a:hover {
	background-color: var(--color-BBSkinBlue_CompsHeaderHoverBack) !important;
	color: var(--color-BBSkinBlue_CompsHeaderHoverText) !important;	
}

.headItem .active .nav-pills > li.active > a p {
	background-color: var(--color-BBSkinBlue_CompsSelectedBack);
	color: var(--color-BBSkinBlue_CompsSelectedText) !important;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
	color: var(--color-BBSkinBlue_CompsSelectedText) !important;
}

.submenu {
	margin-top: 50px;
	margin-bottom: 50px !important;
	border-bottom: 1px solid var(--color-BBSkinBlue_HeaderBack);
}

	.submenu > li + li {
	margin-left: 0 !important;
	}

	.submenu li {
	background-color: var(--color-BBSkinBlue_HeaderBack);
	}

.adPref_menu_user_btn:hover {
	background-color: var(--color-BBSkinBlue_CompsHeaderHoverBack);
	color: var(--color-BBSkinBlue_CompsHeaderHoverText);
}

.submenu li .active {
	background-color: var(--color-BBSkinBlue_CompsHeaderPressedBack);
}

.submenu a {
	color: var(--color-BBSkinBlue_SubMenuText);
}

.submenu div {
	padding: 15px;
}

.adminpref_a p {
	margin: 0 0 0px;
	padding-bottom: 10px;
}

.adminpref .nav > li > a {
	padding: 0;
}

.head-menu {
	margin: 20px 0 50px 0 !important;
}

#userConnected table td {
	border: 0 !important;
	vertical-align: middle !important;
}

.btn_disconnet_user {
	float: left;
}
.tab-content {
	background-color: var(--color-BBSkinBlue_CompsBack);
	/*color: var(--color-BBSkinBlue_PopupText);*/
}

.admin_infoSysteme {
	width:100%;
	border-right: 1px solid var(--color-BBSkinBlue_HeaderBack);
	border-left: 1px solid var(--color-BBSkinBlue_HeaderBack);
}
.admin_infoSysteme td {
	padding: 10px !important;
	border-top: 0 !important;
	word-break: break-word;
}

.admin_infoSysteme thead td:first-child {
	background-color: var(--color-BBSkinBlue_CompsHeaderText);
	color: var(--color-BBSkinBlue_HeaderBack);
	font-weight: bolder;
	font-size: large;
}

.admin_infoSysteme td:first-child {
	background-color: var(--color-BBSkinBlue_HeaderBack);
	color: var(--color-BBSkinBlue_CompsHeaderText);
	word-break: break-word;
	width: 1%;
	min-width:222px;
}
.admin_infoSysteme td:nth-child(2){
	word-break: break-word;
	/*width: 99%;*/
}


.admin_infoSysteme tbody tr:hover > td{
	background-color: var(--color-BBSkinBlue_CompsHeaderHoverBack) !important;
	color: var(--color-BBSkinBlue_CompsHeaderHoverText)
}

.admin_infoSysteme tfoot tr:hover > td{
	background-color: var(--color-BBSkinBlue_CompsHeaderHoverBack) !important;
	color: var(--color-BBSkinBlue_CompsHeaderHoverText)
}

.admin_infoSysteme thead {
	border-top: 1px solid var(--color-BBSkinBlue_HeaderBack);
}

.admin_infoSysteme tfoot {
	border-bottom: 1px solid var(--color-BBSkinBlue_HeaderBack);
}

.admin_infoSysteme .BackCell {
	padding-left: 30px !important;
	background-color: var(--color-BBSkinBlue_CompsBack);
	word-break: break-word;
}

.AdminRowSeparator tr:hover > td { 
	background-color: transparent !important;
}

.AdminRowSeparator td:first-child { 
	background-color: transparent !important;
	border-top: 1px solid var(--color-BBSkinBlue_HeaderBack) !important;
	border-bottom: 1px solid var(--color-BBSkinBlue_HeaderBack) !important;
	border-right: 0px none transparent !important;
	border-left: 1px solid var(--color-BBSkinBlue_HeaderBack) !important;
}
.AdminRowSeparator td:last-child { 
	background-color: transparent !important;
	border-top: 1px solid var(--color-BBSkinBlue_HeaderBack) !important;
	border-bottom: 1px solid var(--color-BBSkinBlue_HeaderBack) !important;
	border-left: 0px none transparent !important;
	border-right: 1px solid var(--color-BBSkinBlue_HeaderBack) !important;
}
.preferencesBtn {
	background-color: var(--color-BBSkinBlue_CompsHeaderBack);
	color: var(--color-BBSkinBlue_CompsHeaderText);
	border: none;
	padding: 5px 15px;
	cursor: pointer;
}

.PrefRowtd {
	vertical-align: middle !important;
}
.admin_preference {
	width:100%;
}
.admin_preference thead td:first-child {
	background-color: var(--color-BBSkinBlue_CompsHeaderText);
	color: var(--color-BBSkinBlue_HeaderBack);
	font-weight: bolder;
	font-size: large;
}

.admin_preference .FrontCell {
	background-color: var(--color-BBSkinBlue_HeaderBack);
	color: var(--color-BBSkinBlue_HeaderText);
}

.admin_preference .FrontCell {
	width: 1%;
	min-width:222px;
	white-space: nowrap;
}

.admin_preference > td:last-child {
	width: 80%;
}

.admin_preference thead {
	border-top: 1px solid var(--color-BBSkinBlue_HeaderBack) !important;
	border-bottom: 0px !important;
	border-right:1px solid var(--color-BBSkinBlue_HeaderBack) !important;
	border-left:1px solid var(--color-BBSkinBlue_HeaderBack) !important;
}
.admin_preference > tbody {
	border-right:1px solid var(--color-BBSkinBlue_HeaderBack) !important;
	border-left:1px solid var(--color-BBSkinBlue_HeaderBack) !important;
}
.admin_preference tfoot {
	border-top: 1px solid var(--color-BBSkinBlue_HeaderBack) !important;
	border-bottom: 0px !important;
}

.admin_preference tbody tr:hover > td  {
	background-color: var(--color-BBSkinBlue_CompsHeaderHoverBack);
	color: var(--color-BBSkinBlue_CompsHeaderHoverText);
}
/* Sous-Table incluse : liste des cases à cocher langue et Theme */
.admin_preference tbody tr:hover > td table td  {
	color: var(--color-BBSkinBlue_CompsText);
	background-color: transparent;
}

.admin_preference .BackCell, .Menu_preference .BackCell {
	padding-left: 30px !important;
	background-color: var(--color-BBSkinBlue_CompsBack);
}

.preferencesBtn:hover {
	background-color: var(--color-BBSkinBlue_CompsHeaderHoverBack);
}
.btnReload {
	margin-top: 5px;
	margin-right:20px;
	float: right;
}
.btnSauvegarde {
	margin-top: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	float: right;
}

.EditArea {
	color: var(--color-BBSkinBlue_CompsText);
	background-color: var(--color-BBSkinBlue_CompsBack);
	/*border: none;*/
	width: 50%;
}

.container {
	width: 90%;
	!important;
}

.admin_preference td, .Menu_preference td {
	border-top: 0 !important;
}

.FrontCell, .BackCell {
	padding: 10px !important;
	border-top: 0 !important;
}

.btnElementRecents {
	margin-left: 15px;
	margin-top: 5px;
}


.admin_preference .dxeButtonEdit_BBSkinBlue, .Menu_preference .dxeButtonEdit_BBSkinBlue {
	width: 200px !important;
}

.admin_preference .dxeRadioButtonList_BBSkinBlue, .admin_preference .dxeRadioButtonList, .Menu_preference .dxeRadioButtonList_BBSkinBlue, .Menu_preference .dxeRadioButtonList {
	border: none;
	background-color:white;
}

	.admin_preference .dxeRadioButtonList_BBSkinBlue label, .admin_preference .dxeRadioButtonList label, .Menu_preference .dxeRadioButtonList_BBSkinBlue label, .Menu_preference .dxeRadioButtonList label {
	font-weight: normal;
	}

.admin_preference .dxEditors_edtRadioButtonUnchecked_BBSkinBlue, .Menu_preference .dxEditors_edtRadioButtonUnchecked_BBSkinBlue {
	background-image: url('../BiBOARD/unchecked.png');
	background-repeat: no-repeat;
	background-position: 0 0;
}

.admin_preference .dxEditors_edtRadioButtonChecked_BBSkinBlue, .Menu_preference .dxEditors_edtRadioButtonChecked_BBSkinBlue {
	background-image: url('../BiBOARD/checked.png');
	background-repeat: no-repeat;
	background-position: 0 0;
}

.admin_preference .dxeIRadioButton_BBSkinBlue, .Menu_preference .dxeIRadioButton_BBSkinBlue {
	margin: 0px;
	margin-top: -2px;
	margin-right: 7px;
}

.admin_preference .dxeIRBFocused_BBSkinBlue, .Menu_preference .dxeIRBFocused_BBSkinBlue {
	margin: 0px !important;
	margin-top: -2px !important;
	margin-right: 7px !important;
	border: none;
}

.admin_preference .dxeRadioButtonList_BBSkinBlue label, .Menu_preference .dxeRadioButtonList_BBSkinBlue label {
	margin-right: 15px;
	margin-bottom: 0px;
}

.admin_preference .dxeRadioButtonList_BBSkinBlue img, .Menu_preference .dxeRadioButtonList_BBSkinBlue img {
	margin-bottom: 2px;
}
.admin_licenceStudio {
	width:100%;
}

.admin_licenceStudio td {
	vertical-align: middle !important;
	width:25%;
}

.admin_licenceStudio tr:first-child td {
	border-top: 0;
	font-weight: bold;
}

.EditCatContainer {
	width: 95%;
	height: 95%;
	background-color: var(--color-BBSkinBlue_PopupBack) !important;
	color: var(--color-BBSkinBlue_PopupText) !important;
	margin: auto;
	margin-top: 1.5%;
	display: flex;
	box-shadow: 0px 0px 5px grey;
}

.icon-list li:hover {
	background-color: var(--color-BBSkinBlue_CompsHeaderHoverBack) !important;
	color: var(--color-BBSkinBlue_CompsHeaderHoverText) !important;
}

.icon-list li [class*=mif-] {
	color: var(--color-BBSkinBlue_CompsText) !important;
}

.tab {
	overflow: hidden;
	background-color: var(--color-BBSkinBlue_CompsHeaderBack);
}

	/* Style the buttons that are used to open the tab content */
	.tab button {
	background-color: inherit;
	color: var(--color-BBSkinBlue_CompsHeaderText);
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
	}

	/* Change background color of buttons on hover */
	.tab button:hover {
		background-color: var(--color-BBSkinBlue_CompsHeaderHoverBack);
		color: var(--color-BBSkinBlue_CompsHeaderHoverText);
	}

	/* Create an active/current tablink class */
	.tab button.active {
		background-color: var(--color-BBSkinBlue_CompsSelectedBack);
	}
.toolbar-button {
	background-color: var(--color-BBSkinBlue_CompsHeaderBack) !important;
	color: var(--color-BBSkinBlue_CompsHeaderText) !important;
	border:none !important;
}
.toolbar-button:hover{
	background-color: var(--color-BBSkinBlue_CompsHeaderHoverBack) !important;
	color: var(--color-BBSkinBlue_CompsHeaderHoverText) !important;
	border:none !important;
}

/* Style the tab content */
.tabcontent {
	display: none;
	padding: 6px 12px;
	border: 1px solid var(--color-BBSkinBlue_CompsText);
	border-top: none;
}

.tabCategory {
	background-color: var(--color-BBSkinBlue_CompsBack);
	color: var(--color-BBSkinBlue_CompsText);
}

/******************************************************************************************/
/*Left Menu Bar Tableaux ******************************************************************/
/******************************************************************************************/


.t-menu > li:hover > a {
	background-color: var(--color-BBSkinBlue_MenuHoverBack) !important;
	color: var(--color-BBSkinBlue_MenuHoverText) !important;
}

.d-menu {
	background: var(--color-BBSkinBlue_SubMenuBack) !important;
}

	.d-menu.context li a .icon {
	margin-top: -1.4375rem !important;
	}

	.d-menu li a {
	color: var(--color-BBSkinBlue_SubMenuText) !important;
	}
	.d-menu li a:Hover {
	color: var(--color-BBSkinBlue_SubMenuHoverText) !important;
	}

.t-menu .dropdown-toggle:after {
	border-color: transparent transparent var(--color-BBSkinBlue_MenuText) transparent !important;
}

.d-menu li:hover, .d-menu.context li a:hover > a > span {
	background: var(--color-BBSkinBlue_SubMenuHoverBack);
	color: var(--color-BBSkinBlue_SubMenuHoverText);
}

.t-menu > li:hover > .dropdown-toggle:after {
	border-color: transparent transparent var(--color-BBSkinBlue_MenuHoverText) transparent;
}

.d-menu li:hover {
	background-color: var(--color-BBSkinBlue_MenuHoverBack) !important;
}
.d-menu li:hover > * {
	color: var(--color-BBSkinBlue_SubMenuHoverText) !important;
}

.h-menu > li > a {
	color: var(--color-BBSkinBlue_MenuText) !important;
}

#sidebar-wrapper {
	width: inherit;
	left: 76px;
	margin-left: -76px;
	overflow-y: auto;
	transition: none;
	max-width: 76px;
	border-right: 1px solid var(--color-BBSkinBlue_MenuBack);
	background-color: var(--color-BBSkinBlue_MenuBack);
	color: var(--color-BBSkinBlue_MenuBack);
}


#menu-toggle.btn-default {
	position: fixed;
	z-index:10000;
	color: var(--color-BBSkinBlue_MenuText);
	background-color: var(--color-BBSkinBlue_MenuBack);
	border-color: var(--color-BBSkinBlue_MenuText);
	padding: 0px;
	margin: 5px;
	font-size: 1.75rem;
	vertical-align: -25%;
	line-height: 1;
}

	#menu-toggle.btn-default:hover,
	#menu-toggle.btn-default:focus,
	#menu-toggle.btn-default.focus,
	#menu-toggle.btn-default:active,
	#menu-toggle.btn-default.active,
	.open > .dropdown-toggle#menu-toggle.btn-default {
	color: var(--color-BBSkinBlue_MenuHoverText);
	background-color: var(--color-BBSkinBlue_MenuHoverBack);
	border-color: var(--color-BBSkinBlue_MenuHoverText);
	}

.sidebar-nav li a {
	display: block;
	text-decoration: none;
	color: var(--color-BBSkinBlue_MenuText);
}

a.dropdown-toggle::after {
	color: var(--color-BBSkinBlue_MenuText);
}

.t-menu {
	list-style: none inside none;
	margin: 0;
	padding: 0;
	position: relative;
	width: auto;
	float: left;
	background-color: var(--color-BBSkinBlue_MenuBack);
	border-collapse: separate;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}

	.t-menu > li > a {
	display: block;
	padding: 1rem 1.2rem;
	position: relative;
	}
.dxsplCC, .dxtlHSEC {
	background-color: transparent;
}

ul.dx {	width:100% !important;}
div.dxtvControl_BBSkinBlue { width:100% !important; min-width:250px !important;}

/* Popup Javascript */
.BBPopup .BBPopuptext {
	background-color: var(--color-BBSkinBlue_MenuBack)!important;
}
/* fleches Popup */
	.arrow-down{border-top: 10px solid var(--color-BBSkinBlue_MenuBack);}
	.arrow-up{border-bottom: 10px solid var(--color-BBSkinBlue_MenuBack);}
	.BBPopup .BBPopuptext:hover {
		background-color: var(--color-BBSkinBlue_CompsHeaderHoverBack) !important;
		color: var(--color-BBSkinBlue_CompsHeaderHoverText) !important;
	}
	.BBPopup .BBPopuptext:hover > .arrow-down{
		border-top: 10px solid var(--color-BBSkinBlue_CompsHeaderHoverBack);
	}
	.BBPopup .BBPopuptext:hover> .arrow-up{
		border-bottom: 10px solid var(--color-BBSkinBlue_CompsHeaderHoverBack);

	}


/* Portail Tuiles */

.tile-group {
	background-color:transparent;
}
.tile-group .tile-group-title {
  font-size:22px !important;
  font-family:Roboto,sans-serif;
}
.tile-content {
	/*font-size:16px !important;*/
	font-family:Roboto,sans-serif;
}
.tile-content.iconic Table
{
	height: 70px;
	width: 100%;
	padding: 0px;
	padding-right: 5px;
}
.tdIcon
{
	width: 5%; /*50px;*/
	font-size: 36px;
	text-align:center;
	padding:10px;
}
.tdTitle
{
	width: 90%; 
}
.tdFav
{
	width: 5% ; 
	text-align: right;
	vertical-align: top;
}
.tdDescription
{
	width: 384px;
	font-style: italic;
}
.tile-content.iconic .icon {
	width: 32px !important;
	height: 32px !important;
	font-size: 32px !important;
	top: 20px !important;
	margin-top: 0px !important;
	right: auto !important;
	left: 10px !important;
	margin-left: 0px !important;
	text-align: center !important;

}
.tileBiBOARD {
	height: 70px !important;
	background-color: var(--color-BBSkinBlue_CompsBack) !important;
	color: var(--color-BBSkinBlue_CompsText) !important;
	border: 1px solid var(--color-BBSkinBlue_BorderLine);
}

.buttonFav {
	top: 5px;
	right: 5px;
	color: var(--color-BBSkinBlue_CompsDisabledText) !important;
	position: absolute !important;
}
@media only screen and (min-width: 1921px) {
	.tileBiBOARD {
		width: 500px !important;
	}
}
@media only screen and (max-width: 1920px) {
	.tileBiBOARD {
		width: 447px !important;
	}
}
@media only screen and (max-width: 1400px) {
	.tileBiBOARD {
		width: 430px !important;
	}
}
@media only screen and (max-width: 1200px) {
	.tileBiBOARD {
		width: 400px !important;
	}
}
@media only screen and (max-width: 992px) {
	.tileBiBOARD {
		width: 350px !important;
	}
}
@media only screen and (max-width: 800px){
	.tileBiBOARD {
		width: 300px !important;
	}
}	
@media only screen and (max-width: 768px){
	.tileBiBOARD {
		width: 250px !important;
	}
}	
@media only screen and (max-width: 640px){
	.tileBiBOARD {
		width: 220px !important;
	}
}
@media only screen and (max-width: 533px){
	.tileBiBOARD {
		width: 203px !important;
	}
}

div.tileBiBOARD a {
	text-decoration: none;
}

.tileBiBOARD a
{
	color: var(--color-BBSkinBlue_CompsText) !important;
}

.tileBiBOARD:hover {
	background-color: var(--color-BBSkinBlue_CompsHeaderHoverBack) !important;
}
.tileBiBOARD:hover a
{
	color: var(--color-BBSkinBlue_CompsHeaderHoverText) !important;
}
.tileBiBOARD:hover span
{
	color: var(--color-BBSkinBlue_CompsHeaderHoverText) !important;
}
/* Tableau Simple : colonne pourcentage */
.dxpbVC {
	display: inline-block;
	color: var(--color-BBSkinBlue_CompsText);
	background-color: transparent;
	border-radius: 3px;
	padding-left: 8px;
	padding-right: 8px;
}