@font-face{
	font-family:"Inter";
	src:url("./fonts/Inter/Inter-VariableFont_slnt,wght.ttf");
}

body{
		margin: 0pt;       
        padding: 0pt;        
        border: 0pt;
        background-color : #CCCCCC;
}

input::placeholder{
	color:#AAAAAA;
}

.tableHead {
	padding: 0px;
	margin:0px;
	border: 0pt;
    width:100%;
	height: 50px;
    background: #000000;   
}

.titleHead {
	padding: 0px;
	margin:0px;
	border: 0pt;
    width:100%;
    height: 2px;
	background: #FF0000;  
    
}

.tableHeadLogin {
	padding: 0px;
	margin:0px;
	border: 0pt;
    min-width:180px;
	height: 50px;
    background: #000000;   
}

.cardHeader{
//background-color:#FFFFBE;
background-image: url("./Images/back2.png");
background-size:cover;
width:100%;
text-align:left;
}

.noborder {
	padding: 0px;
	margin:0px;
	border: 0pt;
}

.loginPopup{
	background-color: #EEEEEE;
	width:400px;
	height:300px;
	position: absolute;
	right:10px;
    top: 45px;
	display:none;
	border:2px solid lightgrey;
}

.mobileLoginPopup{
	background-color: white;
	width:400px;
	height:auto;
	min-height:300px;
	position: absolute;
	left:0x;
    top: 45px;
	display:none;
}

.mainMenu{
	//background-color: #EEEEEE;
	padding: 0px;
	margin:0px;
	border: 0pt;
	width:100%;
	height: 30px;	
}

.menu{
	background-color: #F3F4F8;
	padding: 0px;
	margin:0px;
	border: 0pt;
	width:100%;
	height: 30px;			
}



.shortMenuItem{
	background-color: #DDDDDD;
	padding: 1px;
	margin:1px;
	border: 1pt;
	width:33px;
	height: 25px;
	text-align:center;
	font-size:14px;
	font-family: Arial, Verdana, sans-serif;
	color:black;
	opacity:0.8;
	
}

.shortMenuItemSelected {
	padding: 1px;
	margin:1px;
	border: 1pt;
	width:100%;
	height: 25px;
	text-align:center;
	font-weight:bold;
	font-size:13px;
	font-family: Arial, Verdana, sans-serif;
	color:black;
	opacity:1;
}

.shortMenuItemRolled {
	padding: 1px;
	margin:1px;
	border: 1pt;
	width:100%;
	height: 25px;
	text-align:center;
	font-size:14px;
	font-family: Arial, Verdana, sans-serif;
	color:black;
	opacity:1;
}

.menuItem{
	padding: 1px;
	margin:1px;
	border: 1pt;
	width:100%;
	height: 25px;
	text-align:center;
	font-size:14px;
	font-family: Arial, Verdana, sans-serif;
	color:black;
	opacity:0.8;
}

.menuItemRolled {
	padding: 1px;
	margin:1px;
	border: 1pt;
	width:100%;
	height: 25px;
	text-align:center;
	font-size:14px;
	font-family: Arial, Verdana, sans-serif;
	color:black;
	opacity:1;
}

.menuItemSelected {
	padding: 1px;
	margin:1px;
	border: 1pt;
	width:100%;
	height: 25px;
	text-align:center;
	font-weight:bold;
	font-size:13px;
	font-family: Arial, Verdana, sans-serif;
	color:black;
	opacity:1;
}

._shortMenuItem:hover {
background-image:none;
background-size: cover;
background-color:#486C8A;
color:#DDDDDD;

}

.menuItem2{
	//background-color: #DDDDDD;
	padding: 1px;
	margin:1px;
	border: 1pt;
	width:162px;
	height: 25px;
	text-align:center;
	font-size:14px;
	font-family: Arial, Verdana, sans-serif;
	color:black;
	cursor: pointer;
	opacity:0;
	position:absolute;
}

.menuItem2:hover {
background-size: cover;
background-color:#DDDDDD;
opacity:0.3;
color:black;
}

.menuItem2Selected{
	background-size: cover;
	background-color:#CCCCCC;
	padding: 1px;
	margin:1px;
	border: 1pt;
	width:162px;
	height: 25px;
	text-align:center;
	font-size:14px;
	font-family: Arial, Verdana, sans-serif;
	cursor: pointer;
	opacity:0.3;
	color:black;
	position:absolute;
}


.shortMenuItem2{
	//background-color: #DDDDDD;
	padding: 1px;
	margin:1px;
	border: 1pt;
	width:33px;
	height: 25px;
	text-align:center;
	font-size:14px;
	font-family: Arial, Verdana, sans-serif;
	color:black;
	cursor: pointer;
	opacity:0;
	position:absolute;
}

.shortMenuItem2:hover {
background-size: cover;
background-color:#DDDDDD;
opacity:0.3;
color:black;
}

.shortMenuItem2Selected{
	background-size: cover;
	background-color:#CCCCCC;
	padding: 1px;
	margin:1px;
	border: 1pt;
	width:33px;
	height: 25px;
	text-align:center;
	font-size:14px;
	font-family: Arial, Verdana, sans-serif;
	cursor: pointer;
	opacity:0.3;
	color:black;
	position:absolute;
}


.customMenuItem2{
	width:inherit;
	height: 25px;
	text-align:center;
	font-size:14px;
	font-family: Arial, Verdana, sans-serif;
	color:black;
	cursor: pointer;
	opacity:0;
	position:absolute;
}

.customMenuItem2:hover {
background-size: cover;
background-color:#DDDDDD;
opacity:0.3;
color:black;
}


.switchItemSelect{
	padding: 1px;
	margin:1px;
	border: 1pt;
	//width:145px;
	height: 25px;
	text-align:center;
	font-weight:bold;
	font-size:13px;
	font-family: Arial, Verdana, sans-serif;
	//background-image:none;
	//text-decoration:underline;
	//background-image: url(./Images/accueil_client2.png);
	background-size: cover;
	//background-color:#486C8A;
	border-left : 2px solid lightblue;
	//color:blue;
	background-color:#EEEEEE;
	color:black;
}

.customSwitchItemSelect{
	padding: 1px;
	margin:1px;
	border: 1pt;
	height: 25px;
	text-align:center;
	font-weight:bold;
	font-size:13px;
	font-family: Arial, Verdana, sans-serif;
	background-size: cover;
	background-image: url(./Images/headerSelect.png);
	border-bottom : 1px solid lightgrey;
	//border-left : 2px solid lightgrey;
	border-right : 1px solid lightgrey;
	color:black;
}


.mainTab{
	//background-color: #EEEEEE;
	padding: 0px;
	margin:0px;
	border: 0pt;
	//border-bottom: 3px solid #64656A;
	width:100%;
	height: 24px;	
}

.tabItem{
	//background-color: #CCCCCC;
	padding: 0px;
	margin:0px;
	border: 1pt;
	width:125px;
	height: 25px;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	font-family: Arial, Verdana, sans-serif;
	//background-image: url(./Images/accueil_client.png);
	background-image: url(./Images/tabOff.png);
	background-size: cover;
	color:#EEEEEE;
	//background-repeat : no-repeat;
	cursor: pointer;
	border-bottom:1px solid white;
}

.tabItem:hover {
//background-image:none;
background-image: url(./Images/tabOn.png);
background-size: cover;
background-color:#486C8A;
color:#DDDDDD;
}

.switchTabSelect{
	padding: 1px;
	margin:1px;
	border: 1pt;
	width:125px;
	height: 25px;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	font-family: Arial, Verdana, sans-serif;
	//background-image:none;
	//background-color:#486C8A;
	background-image: url(./Images/tabOn.png);
	background-size: cover;
	color:#FFFFFF;
	
}

.simpleListItem{
	//border: 1px solid lightgrey !important;
	border-bottom: 1px solid lightgrey !important;
	padding: 1px;
	margin:1px;
	border: 1pt;
	font-weight:bold;
	font-size:13px;
	font-family: Arial, Verdana, sans-serif;
	//background-color: #FDFDFD;/*C8D6E1;*/
	//background-image: url(./Images/listBack.png);/*C8D6E1;*/
	background-size:cover;
}
.simpleListItem:hover {
	background-image:none;
	background-color:#E0E0E0;
	cursor: pointer;
	//color:white;
	background-image: url(./Images/listBack.png);/*C8D6E1;*/
	background-size:cover;
}


.listItem{
	//border: 1px solid lightgrey !important;
	border-bottom: 1px solid lightgrey !important;
	padding: 1px;
	margin:1px;
	border: 1pt;
	//font-weight:bold;
	font-size:13px;
	font-family: Arial, Verdana, sans-serif;
	//background-color: #FDFDFD;/*C8D6E1;*/
	//background-image: url(./Images/listBack.png);/*C8D6E1;*/
	background-size:cover;
	cursor: pointer;
}


.listItem:hover {
background-image:none;
background-color:#E0E0E0;
cursor: pointer;
//color:white;
background-image: url(./Images/listBack.png);/*C8D6E1;*/
	background-size:cover;
}

.listEditionItem{
	border: 2px solid white !important;
	border-top: 1px solid white !important;
	border-bottom: 1px solid lightgrey !important;
	cursor: pointer;
}

.listEditionItemSelected{
	border: 2px solid grey !important;
	border-top: 1px solid grey !important;
	border-bottom: 1px solid grey !important;
	//cursor: pointer;
}

.listEditionItem:hover {
	border: 2px solid lightgrey !important;
	border-top: 1px solid white !important;
	border-bottom: 1px solid lightgrey !important;
	cursor: pointer;
}

.popupClass{
	background-color:#FFFFFF !important;
	//border: 2px solid black;
	border:3px groove #f1f1f1;
	border-bottom:3px groove lightgrey;
	border-left:3px groove lightgrey;
	border-radius:8px;
}

.popupInfo{
background-color:#FFFFDE !important;
border:none !important;
animation: fadein 2s; /*firefox*/
-moz-animation: fadein 2s;/*safari chrome*/
-webkit-animation: fadein 2s;/*opera*/
-o-animation: fadein 2s;
}

@keyframes fadein{
	from{
		opacity:0;
	}
	to{
		opacity:1;
	}
}

@-moz-keyframes fadein{/*firefox*/
	from{
		opacity:0;
	}
	to{
		opacity:1;
	}
	
}

@-webkit-keyframes fadein{/*safari chrome*/
	from{
		opacity:0;
	}
	to{
		opacity:1;
	}
	
}

@-o-keyframes fadein{/*opera*/
	from{
		opacity:0;
	}
	to{
		opacity:1;
	}
	
}

.collapsePanelClass{
//background-color:#C8D6E1;
background-image: url('./Images/headerSelect.png');
}

.collapsePanelClass:hover {
background-color:#C8D6E1;
cursor: pointer;
//color:white;
}

.eventPopupOverlayClass{	position: fixed;
							top:0;
							left:0;
							width:100%;
							height:100%;
							opacity:0.6;
							vertical-align:middle;
							text-align:center;
							background-color: white;
}


.eventPopupInfo{
	background-color: #EEEEEE;
	width:420px;
	height:550px;
	position: absolute;
	display:none;
}

.datePopup{
	background-color: #EEEEEE;
	width:350px;
	//height:100px;
	position: absolute;
	display:none;
}

input{
height: 21px;font-weight:bold;border-width: 1px;font-family: Arial, Verdana, sans-serif;border-style: solid;border-color: #C4C0B9;background-image : url('./Images/fieldBg.png');background-repeat: no-repeat;background-position: 1px 1px;background-color: #ffffff;
}

.buttonClass{
height: 21px;font-weight:bold;border-width: 1px;font-family: Arial, Verdana, sans-serif;border-style: solid;border-color: #C4C0B9;background-image : none;background-repeat: no-repeat;background-position: 1px 1px;background-color: #ffffff;
}

.buttonClass:hover{
background-image:none!important;
background-color:#486C8A;
color:white;
}

select{
height: 21px;font-weight:bold;border-width: 1px;font-family: Arial, Verdana, sans-serif;border-style: solid;border-color: #C4C0B9;background-image : url('./Images/fieldBg.png');background-repeat: no-repeat;background-position: 1px 1px;background-color: #ffffff;
}

textarea{
font-weight:bold;border-width: 1px;font-family: Arial, Verdana, sans-serif;border-style: solid;border-color: #C4C0B9;background-image : url('./Images/fieldBg.png');background-repeat: no-repeat;background-position: 1px 1px;background-color: #ffffff;
}

.setTitle{
//background-color:#C8C8C8;
background-image:url(./Images/headerSelect.png) !important;
//background-size: cover;
//border-left:2px solid lightgrey;
//border-bottom:1px solid lightgrey;
width:100%;
text-align:left;
}

.setWebSiteTitle{
background-color:#C8C8C8;
width:100%;
text-align:left;
}

.panelAction{
	//background-color: #C0E0E0 !important;
	//background-color: #C8C8C8 !important;
	//background-image : url(./Images/banner2.jpg) !important;
	border:0 !important;
 }
 
 .mainPartBackground{
	 background-color: white !important;
	 border:1px solid #f1f1f1;
	 border-radius:8px;
	 min-height:650px;
 }
 
  .webSiteMainPartBackground{
	 background-color: white !important;
	 border:1px solid #f1f1f1;
	 border-radius:8px;
 }
 
 .homeSummary{
	 margin-top:5px;
	 background-color:#F9F9FF;
 }
 
.recordButton {
	background-position: 0 0!important;
	border-radius:8px;
	font-weight:bold;
	font-size:11px!important;
	height:22px;width:95px;
	text-align:right;
	background-image:url(./Images/record.png)!important;
	background-repeat:no-repeat!important;
	background-size:contain;
	cursor: pointer;
	} 

.recordButton:hover{
background-color:#486C8A;
color:white;
}

.modifyButton {
	background-position: 0 0!important;
	border-radius:8px;
	font-weight:bold;
	font-size:11px!important;
	height:22px;
	width:75px;
	text-align:right;
	background-image:url(./Images/edit.png)!important;
	background-repeat:no-repeat!important;
	background-size:contain;
	cursor: pointer;
	} 

.modifyButton:hover{
background-color:#486C8A;
color:white;
}


.validButton {
	background-position: 0 0!important;
	border-radius:8px;
	font-weight:bold;
	font-size:11px!important;
	height:22px;
	width:75px;
	text-align:right;
	background-image:url(./Images/doValid.png)!important;
	background-repeat:no-repeat!important;
	background-size:contain;
	cursor: pointer;
	
	} 

.validButton:hover{
background-color:#486C8A;
color:white;
}

.currentButton {type:button;font-weight:bold;font-size:11px!important;height:22px;width:75px;text-align:center;cursor: pointer;} 
.currentButton:hover{
background-color:#486C8A;
color:white;
}

.closeButton {
	background-position: 0 0!important;
	border-radius:8px;
	font-weight:bold;
	font-size:11px!important;
	height:22px;
	width:75px;
	text-align:right;
	background-image:url(./Images/cross.png)!important;
	background-repeat:no-repeat!important;
	background-size:contain;
	cursor: pointer;
	}

.closeButton:hover{
background-color:#486C8A;
color:white;
}


.cancelButton {
	background-position: 0 0!important;
	border-radius:8px;
	font-weight:bold;
	font-size:11px!important;
	height:22px;
	width:75px;
	text-align:right;
	background-image:url(./Images/cancel.png)!important;
	background-repeat:no-repeat!important;
	background-size:contain;
	cursor: pointer;
	}

.cancelButton:hover{
background-color:#486C8A;
color:white;
}


.createButton {
	type:button;
	background-position: 0 0!important;
	border-radius:8px;
	font-weight:bold;
	font-size:11px!important;
	height:25px;width:70px;
	text-align:right;
	background-image:url(./Images/add.png)!important;
	background-repeat:no-repeat!important;
	background-size:contain;
	cursor: pointer;}

.createButton:hover{
background-color:#486C8A;
color:white;
}

.printButton {type:button;background-position: 0 0!important;border-radius:8px;font-weight:bold;font-size:11px!important;height:23px;width:35px;text-align:right;background-image:url(./Images/pdf.png)!important;background-repeat:no-repeat!important;cursor: pointer;}

.downloadButton {type:button;background-position: 0 0!important;border-radius:8px;font-weight:bold;font-size:11px!important;height:23px;width:35px;text-align:right;background-image:url(./Images/download.png)!important;background-repeat:no-repeat!important;cursor: pointer;}


.closeAllButton {type:button;background-position: 0 0!important;border-radius:8px;font-weight:bold;font-size:11px!important;height:22px;width:25px;text-align:right;background-image:url(./Images/close.png)!important;background-repeat:no-repeat!important;cursor: pointer;}


.leftButton {type:button;background-position: 0 0!important;border-radius:4px;font-weight:bold;font-size:12px!important;height:18px;width:30px;background-position:50% 50%;background-image:url(./Images/flecheG.png)!important;background-repeat:no-repeat!important;cursor: pointer;}
.rightButton {type:button;background-position: 0 0!important;border-radius:4px;font-weight:bold;font-size:12px!important;height:18px;width:30px;background-position:50% 50%;background-image:url(./Images/flecheD.png)!important;background-repeat:no-repeat!important;cursor: pointer;}

.alignTop{
	vertical-align:top;
}

.welcomeInnerHeader{
	background-color:#C8C8C8;
	width:100%;
	height:25px
}

a{
 color: #AAAAFF;
 text-decoration:underline;
}

a:hover{
color:#0000FF;
text-decoration:underline;
cursor:pointer;
}	

.pane{
height:53px;
//background-image : url('./Images/banner2.jpg');
//background-size: cover;
}

.profilMenu{
	width:100%;height:35px;background-color:#FFFFFF;font-weight:bold;font-size:14px;font-family: Arial, Verdana, sans-serif;text-align:left;cursor: pointer;
}

.profilMenuSelected{
	width:100%;height:35px;background-color:#F1F3F7;font-weight:bold;font-size:14px;font-family: Arial, Verdana, sans-serif;text-align:left;
}

.profilMenu:hover{
	width:100%;height:35px;background-color:#F1F3F7;font-weight:bold;font-size:14px;font-family: Arial, Verdana, sans-serif;text-align:left;
}

.eraseButton {background-position: 0 0!important;font-weight:bold;font-size:11px!important;background-image:url(./Images/erase.png)!important;background-size:cover!important;cursor: pointer;} 

.refreshButton {background-position: 0 0!important;font-weight:bold;font-size:11px!important;background-image:url(./Images/refresh.png)!important;background-size:cover!important;cursor: pointer;} 

.searchButton {background-position: 0 0!important;font-weight:bold;font-size:11px!important;background-image:url(./Images/search.png)!important;background-size:contain!important;cursor: pointer;} 

.viewButton {background-position: 0 0!important;font-weight:bold;font-size:11px!important;background-image:url(./Images/eye.png)!important;background-size:cover!important;cursor: pointer;} 

	
	
.listField{
height:21px;width:50px;border:#F1F1F1 solid 1px;
}

.listField:hover{
height:21px;width:50px;border:#F1F1F1 solid 2px;
}

.listFieldDisabled{
height:21px;width:50px;border:#F1F1F1 solid 1px;
}

.prevButton{
//background-color:lightgreen;
background-image: url(./Images/previous.png);
background-size: cover;
border:0;
height:21px;
width:30px;
}

.prevButton:hover{
//background-color:green;
background-image: url(./Images/previous.png);
background-size: cover;
border:#E1E1E1 solid 1px;
height:21px;
width:30px;
}

.nextButton{
//background-color:lightgreen;
background-image: url(./Images/next.png);
background-size: cover;
border:0;
height:21px;
width:30px;
}

.nextButton:hover{
//background-color:green;
background-image: url(./Images/next.png);
background-size: cover;
border:#E1E1E1 solid 1px;
height:21px;
width:30px;
}

._listButton{
background-image: url(./Images/list.png);
background-size: cover;
border:0;
}

.listButton {type:button;background-position: 0 0!important;background-size: contain!important;font-weight:bold;font-size:11px!important;height:25px!important;width:115px;text-align:right;background-image:url(./Images/search.png)!important;background-repeat:no-repeat!important;cursor: pointer;}


.listButton:hover{
background-color:#486C8A;
color:white;
}

.openButton{
background-image: url(./Images/list.png);
background-size: cover;
border:0;
}

.openButton:hover{
background-image: url(./Images/listSelect.png);
background-size: cover;
border:0;
}

.openButtonDisabled{
background-color: lightgrey;
border:none;
}


.selectButton{
background-color:white;
color:black;
border:0;
}

.selectButton:hover{
background-color:#3838FF!important;
color:white!important;
border:0;
}

.selectButtonDisabled{
background-color: lightgrey;
border:none;
}

.scrollManager{
	overflow:hidden;
}
.scrollManager:hover{
	overflow-y:auto;
}

.labelStyle{
		height:23px;
		font-weight:bold;
		font-size:12px;
		font-family: Arial, Verdana, sans-serif;
		background-color: white;
		//background-image: url('./Images/fieldBg.png');
		//background-image: url(./Images/headerSelect.png) !important;
		background-repeat:no-repeat;
		margin-top:1px;
		//border: 1px solid lightgrey;
		padding:0;
		padding-left:5px;
}

.imgTransition{
	border-radius:8px;
	width:100px;
	height:75px;
	position:absolute;
	background-color:rgb(127,127,127) !important;
	opacity:1;
}

@keyframes fadein{
	from{
		opacity:1;
	}
	to{
		opacity:0;
	}
}

@-moz-keyframes fadein{/*firefox*/
	from{
		opacity:1;
	}
	to{
		opacity:0;
	}
}

@-webkit-keyframes fadein{/*safari chrome*/
	from{
		opacity:1;
	}
	to{
		opacity:0;
	}
}

.webSiteMainPartBackground{
	 background-color: white !important;
	 border:1px solid #f1f1f1;
	 border-radius:8px;
 }
 
.mgtServiceMenu{
	cursor:pointer;
	color:white;
	background-color: #989898;
}

.mgtServiceMenuSelected{
	cursor:pointer;
	color:white;
	background-color: #35ADE0;
}

.mgtServiceMenu:hover{
	cursor:pointer;
	color:white;
	background-color: #35ADE0;
}

.webSitePageManagerMainCompClass{
	padding:1px !important;
}

.webSitePageManagerRollCompClass{
	outline:1px solid black !important;
}

.webSitePageManagerSelectClass{
	outline:1px solid black !important;
}

.webSitePageManagerSelectContainerClass{
	outline:2px solid yellow !important;
}

.webSitePopupManagerMoveClass{
	cursor:grab !important;
}


.summaryEvenLineClass{
	width:100%;
	height:30px;
	border-bottom:1px solid grey;
	font-size:12px;
	font-weight:bold;
	font-family: Arial, Verdana, sans-serif;
	//background-color:#F4EBEB;
	background-color:#DBF0F0;
}

.summaryOddLineClass{
	width:100%;
	height:30px;
	border-bottom:1px solid grey;
	font-size:12px;
	font-weight:bold;
	font-family: Arial, Verdana, sans-serif;
	background-color:#CED9EA;
	//background-color:#FFD8B0;
}


.subSummaryEvenLineClass{
	width:100%;
	height:23px;
	border-bottom:1px solid grey;
	font-size:12px;
	font-weight:bold;
	font-family: Arial, Verdana, sans-serif;
	//background-color:#BBFFBB;
	background-color:#DDDDDD;
}

.subSummaryOddLineClass{
	width:100%;
	height:23px;
	border-bottom:1px solid grey;
	font-size:12px;
	font-weight:bold;
	font-family: Arial, Verdana, sans-serif;
	//background-color:#DDFFDD;
	background-color:#EEEEEE;
}

.newEmptyElementClass{	
		background-color: #CCCCCC;	
		background-image: url('./Images/newComp.png');
		background-size:contain;
		background-repeat:no-repeat;
}

.chargeSummaryEvenLineClass{
	width:100%;
	height:30px;
	border-bottom:1px solid grey;
	font-size:12px;
	font-weight:bold;
	font-family: Arial, Verdana, sans-serif;
	background-color:rgb(249,242,242);
}

.chargeSummaryOddLineClass{
	width:100%;
	height:30px;
	border-bottom:1px solid grey;
	font-size:12px;
	font-weight:bold;
	font-family: Arial, Verdana, sans-serif;
	background-color:beige;//rgb(255,241,221);
}