:root{

	--bgHeader: #509ddc;
	--textHeader: #fafafa;
	--borderColor: #dcdfe6;
	--bgFooter: #f5f5f5;
	--bgMessage: #007bff;
	--textMessage: #fafafa;
	--bgBackground: white;
	--bgUpload: #0054a3;
	--textUpload: white;
	--textSize: 14px;
	--fontFamily: 'Arial';
	--bgMessageMe: #dcdfe6;
	--textMessageMe: #1e1e1e;
	--borderRadiusButton: 8px;
	--borderButtonColor: #0021a3;
	--bgButtonBase: #0058A2;
	--textColorButtonBase: white;
	--colorButtonTextArea: #1e1e1e;
	--textButtonHover: white;
	--backgroundButtonHover: #0054a3;
	--backgroundChatButton: #0054a3;
	--borderRadiusChatButton: 16px;
	--textSizeChatButton: 16px;
	--fontFamilyChatButton: 'Arial';
	--textColorChatButton: white;
	--backgroundOptions: #f5f5f5;
	--textColorList: #1e1e1e;
	--backgroundButtonConfirm: #027a47;

}
/* Blindaje: tipografía de la página host no debe pisar el color del mensaje. */
#hiperme-chat-widget .isOther .text-message,
#hiperme-chat-widget .isOther .text-message :is(p, span, div, li, strong, em, b, i, a, code) {
	color: var(--textMessage) !important;
}
#hiperme-chat-widget .isMe .text-message,
#hiperme-chat-widget .isMe .text-message :is(p, span, div, li, strong, em, b, i, a, code) {
	color: var(--textMessageMe, #1e1e1e) !important;
}
#hiperme-chat-widget .isOther > p,
#hiperme-chat-widget .isOther > div > p {
	color: var(--textMessage) !important;
}
#hiperme-chat-widget .isMe > p,
#hiperme-chat-widget .isMe > div > p {
	color: var(--textMessageMe, #1e1e1e) !important;
}