.chatbox {
	clear: both;
}

.chatbox-user {
	background-color: #f3f3f3;
	padding: 10px 20px;
	display: inline-block;
	float: right;
	border-radius: 24px;
}

.chatbox-user.chatbox-file {
	border: 1px solid #f3f3f3;
	padding: 7.5px 15px;
	background-color: white;
	display: flex;
	gap: 10px;
	align-items: center;
	border-radius: 12px;
	color: #313131 !important;
}

.chatbox-user.chatbox-file .file-icon {
	font-size: 20px;
	background-color: #1177BC;
	color: white;
	padding: 5px 10px;
	border-radius: 10px;
}

.chatbox-user.chatbox-file .file-name {
	font-weight: 500;
}

.chatbox-user.chatbox-file .file-mime {
	color: grey;
}

.chatbox-bot {
	display: flex;
	gap: 24px;
}

.chatbox-bot-logo {
	padding: 4px;
	border-radius: 9999px;
	border: 1px solid #f3f3f3;
}

.chatbox-user p {
	margin: 0 !important;
}

.chatbox-input {
	background-color:#F4F4F4!important; 
	border-radius: 20px;
}

.chatbox-input-reduce-size {
	/*max-width: 768px;*/
	max-width: 48rem;
}

.chatbox-input-validated {
	
	background-color:#f191b6; 
	border-radius: 20px;
	color: #fff;
	font-weight: 500;
}

.chatbox-input input, .chatbox-input .form-control, .chatbox-input textarea {
	width: 100%; 
	border:0; 
	background-color:transparent !important; 
	resize: none;
}

.chatbox-input-all-btn {
	display: flex; 
	justify-content: space-between; 
	align-items: center;
}


.animation:last-child {
	-webkit-animation: fadein 0.25s;
			animation: fadein 0.25s;
	-webkit-animation-timing-function: all 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
			animation-timing-function: all 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  
  .loader {
	margin-bottom: -2px;
	text-align: center;
	opacity: 0.3;
  }
  
  .loader__dot {
	display: inline-block;
	vertical-align: middle;
	width: 6px;
	height: 6px;
	margin: 0 1px;
	background: black;
	border-radius: 50px;
	-webkit-animation: loader 0.45s infinite alternate;
			animation: loader 0.45s infinite alternate;
  }
  .loader__dot:nth-of-type(2) {
	-webkit-animation-delay: 0.15s;
			animation-delay: 0.15s;
  }
  .loader__dot:nth-of-type(3) {
	-webkit-animation-delay: 0.35s;
			animation-delay: 0.35s;
  }


@-webkit-keyframes loader {
	0% {
	  transform: translateY(0);
	}
	100% {
	  transform: translateY(-5px);
	}
  }
  
  @keyframes loader {
	0% {
	  transform: translateY(0);
	}
	100% {
	  transform: translateY(-5px);
	}
  }
  @-webkit-keyframes fadein {
	from {
	  opacity: 0;
	  margin-top: 10px;
	  margin-bottom: 0;
	}
	to {
	  opacity: 1;
	  margin-top: 0;
	  margin-bottom: 10px;
	}
  }
  @keyframes fadein {
	from {
	  opacity: 0;
	  margin-top: 10px;
	  margin-bottom: 0;
	}
	to {
	  opacity: 1;
	  margin-top: 0;
	  margin-bottom: 10px;
	}
  }

  /* Pour Chrome, Edge et Safari */
::-webkit-scrollbar {
    width: 8px; /* Réduit la largeur */
    height: 8px; /* Si besoin pour une scrollbar horizontale */
  }
  
  ::-webkit-scrollbar-track {
    background: #f1f1f1; /* Couleur de fond */
    border-radius: 10px; /* Arrondi */
  }
  
  ::-webkit-scrollbar-thumb {
    background: #c4c4c4; /* Couleur de la barre */
    border-radius: 10px; /* Arrondi */
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background: #555; /* Couleur au survol */
  }
  
  /* Pour Firefox */
  * {
    scrollbar-width: thin; /* Réduit la taille */
    scrollbar-color: #c4c4c4 #f1f1f1; /* (barre, track) */
  }
  .chatbot-messages{
    max-width: 48rem!important;
    margin-left: auto!important;
    margin-right: auto!important;
  }