

#general_popup_closebutton,
#message_popup_closebutton,
#chargement_popup_closebutton
{
	background-color:var(--rouge);
	
	/* background-image:var(--mini_btn_close); */
	background-position:center center;
	background-repeat:no-repeat;
    border: 0px solid #FFF;
    border-bottom-left-radius: 4px;
    cursor: pointer;
    font-size:16px;
    font-weight: bold;
    line-height: 24px;
    margin-right: -20px;
    margin-top: -10px;
    text-align: center;
    height: 30px;
    width: 30px;
	color:#FFF;
}

#general_popup_closebutton::before,
#message_popup_closebutton::before,
#chargement_popup_closebutton::before{
/* content:'x'; */
position: relative;
top: 2px;
font-size: 18px;
	content:"\f00d";  
	font-family:FontAwesome; 
}

#GeneralPopup .separateurtraitgris50,
#MessagePopup .separateurtraitgris50,
#LoadingPopup .separateurtraitgris50
{
	display:none;
}

#GeneralPopup table{
width:auto;
}
#GeneralPopup table,#GeneralPopup td{
border:none !important;

}

#GeneralPopup table:first-child,
#GeneralPopup table:first-child tr:first-child,
#GeneralPopup table:first-child tr:first-child td:first-child
{
background-color:transparent !important;
}

#GeneralPopup,
#MessagePopup,
#LoadingPopup
{
	/* position:absolute; */
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	/* background-image:url('../images/opacite_noir_35.png'); */
	/* background-image:var(--opacite_noir_35); */
	background-image:var(--opacite_noir_35);
	z-index:120;
}

#GeneralPopup .titreprincipalpopup,
#MessagePopup .titreprincipalpopup,
#LoadingPopup .titreprincipalpopup
{
	white-space:nowrap;
	overflow:hidden;
	margin-top:4px;
	font-weight:bold;
}

#LoadingPopup
{
	background-image:none;
	/*url('../images/opacite_noir_20.png');*/
}

#MessagePopup
{
	z-index:130;
}

#LoadingPopup
{
	z-index:140;
}

#GeneralPopupBackground
{
	padding-right: 24px;
}

#MessagePopupBackground,
#LoadingPopupBackground
{
	overflow-y:auto;
	padding-right: 20px;
	background:var(--altcouleursecondaire);
}

.scrollablecontent{
max-height:90% !important;
}

#MessagePopupBackground,
#LoadingPopupBackground
{
height:165px;
border-top:1px solid var(--grisborder);
border-bottom:1px solid var(--grisborder);
}

#LoadingPopupContent td
{
	vertical-align:middle;
}

#LoadingPopupContent img
{
	height:48px;
	width:48px;
}

#GeneralPopupContent
{
	margin:auto;
	padding:20px;
	padding-top:10px;
	border:2px solid #FFF;
	background:var(--body-background-color);
	color:var(--couleurtextenormale);	
	border-radius:4px;
	display:table-cell;
}

#MessagePopupContent
{
	margin:auto;
	padding:10px;
}

#GeneralPopupContent
{
	font-size:13px;	
}

#MessagePopupContent .textemessage
{
	padding-bottom:8px;
	font-size:13px;	
}

#LoadingPopupContent
{
	margin:auto;
	padding:10px;
	color:var(--couleurtextenormale);
	width:280px;
}

#LoadingPopupContent .textechargement
{
	display:block;
	color:var(--CouleurTextBoiteDetailPiece);
	font-size:15px;
    font-weight: normal;
    line-height: 16px;
    margin:0px;
    padding:0px;
    padding-left:15px;
    text-align: left;	
    white-space: nowrap;
  }

#LoadingPopupContent .textechargement,
#LoadingPopupContent .textechargementplus,
#LoadingPopupContent .textechargementbouton
{
	border:none;
	margin:0px;
	padding:2px;
	padding-left:15px;
}



#GeneralPopup .lignedevisclient
{
	border:2px solid transparent;
	margin-right: 8px;
    padding: 1px 4px;
    padding-bottom:0px;
}

#GeneralPopup .lignedevisclienthover
{
	border:2px solid var(--couleurprincipale);
}


.notification 
{
    border: 2px solid #d7d7d7;
    bottom: 40px;
    position: fixed;
    width: 240px;
    z-index: 100;
    display:none;
    right:40px;
    
    background-image:var(--notification-img);
	cursor:pointer;
}

.notification .titreprincipalpopup
{
	margin-top:0px;
}

.notification.noautohide 
{
	padding-bottom:10px;
}

.notification .boutonnormal 
{
	float:right;
}

.notification,
.notif_order,
.notif_success,
.notif_entretien,
.notif_estimate,
.notif_invoice,
.notif_warning,
.notif_error,
.notif_message,
.notif_presta
{
	background: #FFF none repeat scroll 0 0;
    color:#404040;
}

.notification
{
    padding: 20px;
}

.enteteboitedetails,
.ui-autocomplete-category,
.enteteboitedetails span,
.th_miseenpageselectvehicule
{
	text-align:left;
	vertical-align:top;
	line-height:20px;	
	font-family:Roboto Condensed,Verdana;
	font-size:14px;
	font-weight: bold;
	text-transform:uppercase;
}

.enteteboitedetails
{
	padding-bottom:3px;
	font-weight:bold;
	vertical-align:middle;
}

.enteteboitedetails img
{
	display:none;
}

.huiletemp.enteteboitedetails
{
	background:none;
}

.enteteboitedetails .listeinfodeuxiemeligne
{
	text-transform:none;
}

.notification>div::first-child
{
	display:inline-block;
}

.notification>div:first-child:before,
.notif_estimate>div:first-child:before,
.notif_panier>div:first-child:before,
.notif_order>div:first-child:before,
.notif_invoice>div:first-child:before,
.notif_entretien>div:first-child:before,
.notif_success>div:first-child:before,
.notif_message>div:first-child:before,
.notif_error>div:first-child:before,
.notif_warning>div:first-child:before,
.notif_presta>div:first-child:before

{
	font-size:29px;
	margin-right:5px;
	margin-left:2px;
	vertical-align:middle;
	float:left;
}

.notification>div:first-child:before,
.icon_info:before
{
    font-family:FontAwesome;
   	content:"\f05a";
   	padding-right:5px; 	
   	
}

.icon_info::before{
	/* color:#0f4599; */
}

.notif_entretien>div:first-child:before
{
	 font-family:Ionicons;
	 content:"\f4c0"; 
	 
  	  
}

.notif_invoice>div:first-child:before
{
	 font-family:FontAwesome;
	 content:"\f1c0"; 
	 
}

.notif_panier>div:first-child:before,
.notif_order>div:first-child:before
{
	font-family:Ionicons;
	content:"\f370"; 
	
}

.notif_estimate>div:first-child:before
{
	font-family:Ionicons;
	content:"\f3f2"; 
	
}

.notif_success>div:first-child:before
{
    font-family:FontAwesome;
   	content:"\f058";
   	color:#6CA32D;
}

.notif_message>div:first-child:before
{
    font-family:Ionicons;
   	content:"\f11d";
   	
   	
}

.notif_error>div:first-child:before
{
    font-family:FontAwesome;
   	content:"\f057";
   	border-color:#F01010;
    color:#F01010;   
}

.notif_warning>div:first-child:before
{
    font-family:FontAwesome;
   	content:"\f06a";
   	border-color:#F6830F;
   	color:#F6830F;
   	padding-bottom:4px;
}

.notif_warning_bleu>div:first-child:before{
border-color:#0071bb;
color:#0071bb;
}

.notif_warning_red>div:first-child:before{
    border-color:#FF0000;
    color:#FF0000;
}

.notif_presta>div:first-child:before
{
    font-family:FontAwesome;
   	content:"\f007"; 	
   	
}

