/*
    Created on : 27 nov. 2019
    Author     : dienaba
*/

.chatBotte {
	position: fixed;
    left: 50%;
    transform: translate(275%, 0);
    bottom: 26px;
}

img#chatBot-img {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	kit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 	-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius:50px;
	width: 98px;
	cursor:pointer	
}
.botui-message-content a {
	text-decoration: underline;
	color: #1212fff2;
}

@media (max-width: 1450px){
     .chatBotte {
   		display: none!important;
		}
		.botui-app-container {
			display: none!important;
	 	}
    .botui-container {
   		display: none!important;
    }
}

@media (max-height: 559px){
    .chatBotte {
   		display: none!important;
		}
		.botui-app-container {
			display: none!important;
	 	}
    .botui-container {
   		display: none!important;
    }
}

.botui-app-container {
	z-index: 200;
}

.maxLength {
	margin-top: 10px;
	margin-bottom: 10px;
	
}

.speech-bubble {
	opacity: 0;
   
    -webkit-transition: opacity 2s ease-in;
    -moz-transition: opacity 2s ease-in;
    -o-transition: opacity 2s ease-in;
    -ms-transition: opacity 2s ease-in;
    transition: opacity 2s ease-in;
	text-align: center; 
	left: 1500px;
	font-size: 13px;
	bottom: 125px;
	padding: 5px 10px;
	width: 140px;
	border-radius: 33px;
	-webkit-filter: drop-shadow(-1px -1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.15));
	        filter: drop-shadow(-1px -1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.15));
	margin: 1rem;
	margin-bottom: 40px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: bold;
	background: #C3D7DC;
	color: white;
}
.speech-bubble::before {
	border: 12.5px solid transparent;
	border-top: 12.5px solid #C3D7DC;
	border-bottom: 0;
	height: 0;
	width: 0;
	border-top-width: 24px;
	content: '';
	display: block;
	position: absolute;
	left: 6rem;
	bottom: 1px;
	-webkit-transform-origin: center;
	        transform-origin: center;
	-webkit-transform: rotate(3deg) skew(-32deg) translateY(16.6666666667px);
	        transform: rotate(3deg) skew(-32deg) translateY(16.6666666667px);
}
.speech-bubble.load {
    opacity: 1;
}