/****************************************************/
/************** CSS pour le loader ******************/
/****************************************************/
#loading{
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #0000002e;
	height: 100%;
	width: 100%;
	z-index: 50000;
}

.loader{
	display: block;
	position: relative;
	max-width: 50%;
	max-height: 50%;
	margin: auto;
	top: 20%;
	background: none;
}

#msg{
	/*position: fixed;*/
	display: block;
	width: 100%;
	z-index: 50000;
	top: 25%;
}


.interface-title{
	font-size: 1.5rem;
}

.intitule_compte{
	font-size: 0.9rem;
}

.info-compte-ca{
	font-size: 0.9rem;
}

.date_compte_ca{
	font-size: 0.6rem;
}

.back-index{
	background-color: #eee;
}

.hsbc-title{
	font-size: 1.3rem;
}

.font-ip{
	font-size: 0.8rem;
}

.font-log{
	font-size: 0.7rem;
}


/****************************************************/
/******* Couleurs des badges entrées-sorties ********/
/****************************************************/
.badge-lanta{
	color: black;
}

.badge-piegle{
	color: #0f078c;
}

.badge-dupre{
	color: #df0000;
}

.badge-falala{
	color: #5b804b;
}

.badge-charles{
	color: #b33b00;
}

.badge-jianoux{
	color: #256df9;
}

.badge-garrouste{
	color: #6f085f;
}

.badge-herz{
	color: #807200;
}

.badge-temp{
	color: #848484;
}

.badge-laborie{
	color: #4d1bff;
}

/****************************************************/
/****************** Boite mail CSS ******************/
/****************************************************/
.mail-list {
	border-right: 1px solid #ddd;
	padding: 0;
}

.mail-item {
	padding: 10px 15px;
	cursor: pointer;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}

	.mail-item:hover {
		background-color: #4CAF50;
		color: #FFFFFF;
	}

	.mail-item.active {
		background-color: #4CAF50;
		color: #FFFFFF;
	}

.mail-content {
	padding: 20px;
}

.header {
	background-color: #4CAF50;
	color: #FFFFFF;
	padding: 10px;
	text-align: center;
}

.mail-object {
	display: block;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 5px;
}

.mail-details {
	display: block;
	font-size: 0.875rem;
	color: #555;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mail-header {
	display: flex;
	justify-content: space-between;
	/*align-items: center;*/
	border-bottom: 1px dashed #ddd;
	margin-bottom: 10px;
	flex-flow: column;
}

.mail-separator {
	border: 0;
	height: 1px;
	background: #ccc;
	margin: 20px 0;
}

.mail-expeditor{
	font-size: 0.7em;
}

.close {
	background: none;
	border: none;
	font-size: 1.5rem;
	cursor: pointer;
	color: #aaa;
}

	.close:hover {
		color: #000;
	}


/****************************************************/
/******************* Chat Gepetto *******************/
/****************************************************/


.headergpt {
	background-color: #4CAF50;
	color: #FFFFFF;
	padding: 10px;
	text-align: center;
}

.chat-container {
	border: 1px solid #ddd;
	padding: 15px;
	background-color: #fff;
	max-width: 600px;
	margin: 20px auto;
	border-radius: 5px;
}

.chat-window {
	max-height: 400px;
	overflow-y: auto;
	margin-bottom: 20px;
}

.chat-bubble {
	padding: 10px;
	border-radius: 5px;
	margin: 10px 0;
}

.user {
	background-color: #4CAF50;
	color: #fff;
	align-self: flex-end;
}

.gepetto {
	background-color: #e0e0e0;
	color: #000;
	align-self: flex-start;
}

.user-choices button {
	margin: 5px;
}