.modalChat{
	transition: all 0.25s ease-in-out;
}


html body .chatInputLoading button {
    color: #a8d6c3!important;
}

html body .modalChatUp{
	top:0;
	transform:translateX(-100%);
}

.modalChat *{
	font-family:'Montserrat' !important;		
	color:#5d8c88 !important;
}
		
.btnSendData{
	align-self:end !important;
	justify-self:end !important;
	margin:10px 30px 0px 0px !important;
	background-color:transparent !important;
	border:1px solid #5d8c88 !important;
	border-radius:5px;
	padding:7px;
	
}
		
.btnSendData:hover{
    box-shadow: 1px 1px 1px black;
}

.chatHeaderTitle{
    font-family: 'Montserrat';
    font-weight: 600;
    color:rgb(0, 0, 0);
    font-size: 1.5em;
    align-self: center;
    margin: 0;
    justify-self: center;
	width:fit-content;
	text-align:center;
}

.chatHeader .exit{
    width:100%;
    height:20px;
    display:flex;
    justify-content: end;
    align-items: center;
}

.errorMail,.errorName{
    margin:0px 0px 8px 0px;
    width:220px;
    background-color:rgba(255,0,0,0.5);
    text-align: center;
    font-size: 11px;
	border-radius: 0px 0px 35px 35px;
	color:white !important;
}
		
.errorMail p ,.errorName p{
	margin:7px 0px 7px 0px !important;
}


/* EstarÃ¡ a la derecha*/
.modalChat{
	display:flex;
	flex-direction:column;
	justify-content:end;
	align-items:end;
    z-index:999;
	box-sizing:border-box;
	min-width:300px;
	max-width:300px;
}	
		
/*Altura maxima de 300px, lo demas es scrollable, padding y border box */
.modalChat .chatContent{
	max-height:300px;
	padding:15px;
	box-sizing:border-box;
}

/*Anchura minima del contenedor que tiene el heder,content,etc.*/
.chatScreen{
	min-width:300px;
	max-width:300px;
    min-height:330px;
	border-radius:20px;
	box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3)!important;
	animation: inicio 0.5s cubic-bezier(.61,.61,.01,.98) forwards;
	/*Segunda opcion --> animation: inicio 0.48s cubic-bezier(.36,1.11,.77,.97) forwards; */
	transform-origin:bottom right;
	margin:0px 10px 10px 0px;
}

/* Se le pone mas propiedad al sobreescribir el estilo*/
.modalChat .chatScreen .mailAndName{
	max-width:300px;
    width:300px;
    height:260px;
    border-radius:0px 0px 30px 30px;
	padding:5px;
	box-sizing:border-box;
	background-color:transparent;
	justify-content:start;
	box-shadow:none;		
	overflow:hidden;
	position:relative;
}

/*Altura campos de nombre y email*/
.chatScreen .mailAndName input{
        margin:0px !important;
		background-color: #a8d6c3;
		/*Se aplica una transicion*/
		transition: all 0.3s ease;
		padding-left:10px;
		height:50px !important;
		width:80% !important;
		border-radius:21px;
}
		
.chatScreen .mailAndName input:hover{
	/*Se invierte el color*/
	background-color:#ffffff;
	/* Como en los bordes de formulario de contacto*/
	border:1px solid #a8d6c3 !important;
}
		
	
/* Estilo del contenedor del boton que abre el chat*/
.modalChat .chatBubbleIcon{
	width:70px;
	height:70px;
	cursor:pointer;
	transition: all 0.3s;
	box-sizing:border-box;
	position: relative;
  	animation: opacidad 0.3s cubic-bezier(.54,.52,.53,.68) forwards;

}

/*PequeÃ±o notificaction badge manual */
.modalChat .chatBubbleIcon::after {
  content: '1';
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  background-color: red;
  color: white;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  justify-content: center;
  align-items: center;
  font-family: sans-serif;
  text-align:center;
  font-size: 12px;
  z-index: 10;
  animation: pulsaciones 1.6s infinite;
}

.chatScreen .mailAndName::after {
	content: "";
	display: block;
	width: 100vh;
	height: 40px;
	position: absolute;
	opacity: 1;
	background-image: url('/filIn/ola.svg');
	background-size: 100%;
	border-radius: 0px 0px 50px 50px;
	animation:wave2 7s linear infinite;
}
		
.chatScreen .mailAndName::before {
	content: "";
	display: block;
	width: 100vh;
	height: 40px;
	position: absolute;
	opacity: 1;
	background-image: url('/filIn/ola.svg');
	background-size: 100%;
	border-radius: 0px 0px 50px 50px;
	animation:wave1 7s linear infinite;
}

/*Contenedor de la imagen*/
.modalChat .chatBubbleIconImg {
  width: 100%;
  height: 100%;
}

/*Contenedor de la imagen del header*/
.modalChat .chatBotPicture{
	width:25%;
	height:40%;
}
		
/* estilo del header*/

.modalChat .chatHeader{
	border-radius:15px 15px 0px 0px;
	gap:12px;
	padding:15px;
	background-color:transparent;
	justify-content:center;
	align-items:center;
}

.chatHeader .chatBotIcon {
	width:80px !important;
	height:80px !important;
	margin:0;
	padding:0px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 81.34 81.34'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %235d8c88; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M40.67,0C18.24,0,0,18.24,0,40.67s18.24,40.67,40.67,40.67,40.67-18.24,40.67-40.67S63.09,0,40.67,0ZM40.67,80.32C18.8,80.32,1.01,62.54,1.01,40.67S18.8,1.01,40.67,1.01s39.66,17.79,39.66,39.65-17.79,39.66-39.66,39.66Z'/%3E%3Cpath class='cls-1' d='M68.95,59.24c1.61-2.18,2.97-4.55,4.05-7.08.02-.03.03-.06.04-.1,1.77-4.2,2.76-8.81,2.76-13.65h-1.01c0,1.08-.06,2.15-.16,3.21,0,0,0,0-.01,0-.4.51-.85,1.01-1.34,1.48-2.63,2.54-6.09,3.93-9.73,3.93-2.31,0-4.54-.56-6.53-1.62v-25.43c0-.28-.23-.51-.51-.51h-31.82c-.28,0-.51.23-.51.51v25.43c-1.99,1.05-4.23,1.62-6.53,1.62-3.64,0-7.1-1.4-9.73-3.93-.49-.47-.94-.97-1.34-1.48,0,0,0,0-.01,0-.1-1.06-.16-2.13-.16-3.21h-1.01c0,4.84.98,9.45,2.76,13.65,0,.03.03.07.04.1,1.07,2.51,2.43,4.87,4.03,7.05.03.1.09.18.17.24.56.74,1.15,1.46,1.76,2.15.04.09.1.15.18.21,2.45,2.75,5.33,5.11,8.53,6.99.06.06.14.1.22.13,1.52.88,3.12,1.65,4.78,2.29.05.03.1.05.16.06,3.91,1.5,8.15,2.33,12.58,2.33,6.38,0,12.36-1.71,17.52-4.69.09-.03.17-.07.23-.13,1.16-.68,2.29-1.42,3.36-2.23.08-.03.14-.09.2-.15.92-.7,1.8-1.44,2.64-2.22.08-.04.14-.1.18-.17.75-.71,1.47-1.44,2.15-2.21.07-.05.13-.11.17-.19.62-.7,1.22-1.43,1.78-2.18.06-.05.11-.12.14-.19ZM66.31,60.9H14.86c-.38-.44-.75-.88-1.11-1.33h53.67c-.36.45-.73.9-1.11,1.33ZM12.98,58.55c-.94-1.28-1.79-2.63-2.54-4.03,2.47,2.02,5.57,3.15,8.85,3.15,1.27,0,2.5-.19,3.69-.51.07.04.15.06.23.06h13.92c1.12.28,2.28.45,3.47.45,1.25,0,2.48-.18,3.65-.5.07.03.14.05.21.05h13.93s.01,0,.02,0c1.12.29,2.29.45,3.48.45,3.28,0,6.37-1.12,8.84-3.14-.75,1.41-1.61,2.75-2.54,4.03H12.98ZM27.68,54.87h4.51c.69.52,1.42.96,2.19,1.33h-8.88c.76-.38,1.5-.82,2.19-1.33ZM28.88,53.85c.37-.35.72-.71,1.05-1.1.33.39.68.76,1.05,1.1h-2.1ZM48.99,54.87h4.51c.69.52,1.42.96,2.19,1.33h-8.88c.76-.38,1.5-.82,2.19-1.33ZM50.19,53.85c.37-.35.72-.71,1.05-1.1.33.39.68.76,1.05,1.1h-2.1ZM53.8,43.11c-.08-.08-.15-.15-.23-.23v-18.95h2.41v20.91c-.78-.5-1.51-1.07-2.19-1.73ZM52.46,41.64c-.19-.25-.61-.25-.8,0-.4.51-.85,1.01-1.34,1.48-2.63,2.54-6.09,3.93-9.73,3.93-.21,0-.41-.02-.62-.03v-20.26c0-.28-.23-.51-.51-.51h-8.35c-.28,0-.51.23-.51.51v16.1c-.39-.4-.76-.8-1.09-1.22-.19-.25-.61-.25-.8,0-.03.04-.07.08-.1.12v-17.83h23.95v17.83s-.07-.08-.1-.12ZM38.95,46.94c-2.7-.31-5.24-1.4-7.34-3.16v-16.52h7.34v19.68ZM25.18,20.5h30.8v2.41h-30.8v-2.41ZM25.18,23.93h2.41v18.95c-.08.08-.15.16-.23.23-.68.65-1.41,1.23-2.19,1.72v-20.91ZM7.2,43.84c2.82,2.72,6.53,4.22,10.44,4.22,2.56,0,5.02-.65,7.21-1.86.04-.02.08-.04.11-.07,1.12-.63,2.16-1.38,3.11-2.29.37-.36.72-.72,1.04-1.1.32.38.67.74,1.04,1.1,2.82,2.72,6.53,4.22,10.44,4.22s7.62-1.5,10.44-4.22c.37-.36.72-.72,1.04-1.1.18.22.39.42.59.63.03.05.07.09.12.12.11.11.21.23.33.34.94.91,1.99,1.67,3.1,2.29.04.03.07.05.12.07,2.19,1.2,4.66,1.86,7.21,1.86,3.91,0,7.62-1.5,10.44-4.22.15-.15.29-.3.44-.45-.43,2.9-1.21,5.69-2.32,8.31-2.49,3.14-6.2,4.95-10.2,4.95s-7.77-1.83-10.25-5.01c-.19-.25-.61-.25-.8,0-.67.86-1.43,1.6-2.26,2.25-.07.03-.13.08-.18.13-2.23,1.68-4.94,2.62-7.81,2.62-4.03,0-7.77-1.83-10.25-5.01-.19-.25-.61-.25-.8,0-2.49,3.18-6.22,5.01-10.25,5.01s-7.71-1.8-10.2-4.95c-1.11-2.62-1.9-5.4-2.32-8.31.14.15.28.3.44.45ZM15.79,61.91h49.6c-.43.46-.88.9-1.34,1.33H17.12c-.46-.43-.9-.88-1.34-1.33ZM61.29,65.59H19.88c-.56-.43-1.1-.87-1.64-1.33h44.69c-.53.46-1.08.91-1.64,1.33ZM57.79,67.94H23.38c-.72-.42-1.42-.86-2.11-1.33h38.62c-.68.47-1.39.91-2.11,1.33ZM52.83,70.33c-.06-.02-.11-.04-.18-.04h-24.41c-1.02-.4-2.02-.84-3-1.33h30.68c-1,.51-2.03.96-3.09,1.37ZM31.27,71.3h18.63c-2.96.84-6.09,1.3-9.31,1.3s-6.35-.46-9.31-1.3Z'/%3E%3Cpath class='cls-1' d='M50.2,26.25h-8.11c-.28,0-.51.23-.51.51v8.11c0,.28.23.51.51.51h8.11c.28,0,.51-.23.51-.51v-8.11c0-.28-.23-.51-.51-.51ZM49.7,34.37h-7.1v-7.1h7.1v7.1Z'/%3E%3C/svg%3E");
}

.borderError{
    border: 1px solid red !important;
}

.btnExit{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color:#5d8c88 !important;
    color: white !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Montserrat';
    font-weight: bold;
    font-size: 1.2em;
    border: none;
    cursor: pointer;
    position: absolute;
	border:0.5px solid rgba(0,0,0,0.5);
    top:-50px;
    right: 0px;
	transition: 0.3s ease;
}

.btnExit:hover{
transform:rotate(20deg) scale(1.1);	
background-color:white !important;
	color:#5d8c88 !important;
}


/* Estilo inputs chat*/
input.chatMsgInput{
	background-color:#ffffff;
}
		
input.chatMsgInput::placeholder{
color:#acc4c2;		
}
/* Boton de enviar*/

		
input.chatMsgInput, button.btnSendMessage {
	min-height:40px !important;
	height:100% !important;
	border:1px solid black;
	padding-top:0;
	padding-bottom:0;
}


.chatContent .chatMessage.chatMessageUser{
	background-color:#a7d6c3;
	color:#5d8c88;
	border-radius:30px 20px 0px 30px;
}
		
.chatContent .chatMessage.chatMessageBot{
	background-color:#5d8c88;
	border-radius:20px 30px 30px 0px;
}
		
.modalChat .chatContent .chatMessage.chatMessageBot * {
	color:white !important;
}
		
input.chatMsgInput{
	border-radius:0px 0px 0px 20px !important;
}
		
button.btnSendMessage{
	border-radius:0px 0px 25px 0px !important;
	background-color:#a8d6c3 !important;
	color:#5d8c88 !important;
	cursor:pointer;
}
		
.modalChat ::-webkit-scrollbar {
  width: 12px;
}

.modalChat ::-webkit-scrollbar-track {
  background: #f0f4f3;
}

.modalChat ::-webkit-scrollbar-thumb {
  background-color: #5d8c88;
  border-radius: 10px;
  border: 2px solid #f0f4f3;
}
		
.chatBotIconImg{
display:none;	
}

/*Si la clase modal tiene displayNone, el icono estarÃ¡ mas desplazado a la derecha*/
.modalChat:has(> .displayNone) .chatBubbleIcon{
    margin-right: 35px;
}
		
.chatHeader:has(+ .mailAndName.displayNone) {
  flex-direction: column-reverse;
  gap:7px;
  background-color:#5d8c88;
  justify-content:center;
  align-items:center;
}
		
.chatHeader:has(+ .mailAndName.displayNone) .chatHeaderTitle {
  display:none;
}
		
.chatHeader:has(+ .mailAndName.displayNone) .chatBotIconImg{
	display:none;
}

/* Cuando cambie el header, tambien cambiarÃ¡ el svg */
.chatHeader:has(+ .mailAndName.displayNone) .chatBotIcon {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68.11 68.11'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M34.06,0C15.28,0,0,15.28,0,34.06s15.28,34.06,34.06,34.06,34.06-15.28,34.06-34.06S52.84,0,34.06,0ZM34.06,67.27C15.75,67.27.85,52.37.85,34.06S15.75.85,34.06.85s33.21,14.9,33.21,33.21-14.9,33.21-33.21,33.21Z'/%3E%3Cpath class='cls-1' d='M57.74,49.61c1.35-1.83,2.49-3.81,3.39-5.93.01-.03.03-.05.04-.08,1.49-3.52,2.31-7.38,2.31-11.43h-.85c0,.91-.05,1.8-.13,2.69,0,0,0,0,0,0-.33.43-.71.84-1.12,1.24-2.2,2.12-5.1,3.29-8.15,3.29-1.93,0-3.8-.47-5.47-1.35v-21.3c0-.23-.19-.42-.42-.42h-26.64c-.23,0-.42.19-.42.42v21.3c-1.67.88-3.54,1.35-5.47,1.35-3.05,0-5.95-1.17-8.15-3.29-.41-.4-.79-.81-1.12-1.24,0,0,0,0,0,0-.08-.89-.13-1.78-.13-2.69h-.85c0,4.05.82,7.91,2.31,11.43,0,.03.02.05.04.08.9,2.1,2.03,4.08,3.37,5.9.03.08.08.15.14.2.47.62.96,1.22,1.47,1.8.03.07.09.13.15.17,2.05,2.3,4.46,4.28,7.14,5.85.05.05.12.09.19.11,1.28.74,2.61,1.38,4,1.92.04.03.09.04.13.05,3.27,1.26,6.83,1.95,10.54,1.95,5.34,0,10.35-1.43,14.67-3.93.07-.02.14-.06.19-.11.97-.57,1.92-1.19,2.81-1.87.07-.03.12-.07.16-.13.77-.58,1.5-1.21,2.21-1.86.06-.03.11-.08.15-.15.63-.59,1.23-1.21,1.8-1.85.06-.04.11-.09.14-.16.52-.59,1.02-1.2,1.49-1.83.05-.04.09-.1.12-.16ZM55.53,51H12.45c-.32-.36-.63-.74-.93-1.12h44.94c-.3.38-.61.75-.93,1.12ZM10.87,49.03c-.78-1.07-1.5-2.2-2.13-3.38,2.07,1.69,4.66,2.63,7.41,2.63,1.06,0,2.1-.16,3.09-.43.06.03.12.05.19.05h11.65c.94.24,1.91.37,2.9.37,1.05,0,2.07-.15,3.06-.42.05.03.11.04.18.04h11.67s.01,0,.02,0c.94.24,1.92.38,2.92.38,2.74,0,5.34-.94,7.41-2.63-.63,1.18-1.34,2.3-2.13,3.38H10.87ZM23.18,45.95h3.77c.58.43,1.19.8,1.83,1.12h-7.44c.64-.32,1.26-.68,1.83-1.12ZM24.19,45.1c.31-.29.6-.6.88-.92.28.33.57.63.88.92h-1.76ZM41.02,45.95h3.77c.58.43,1.19.8,1.83,1.12h-7.44c.64-.32,1.26-.68,1.83-1.12ZM42.03,45.1c.31-.29.6-.6.88-.92.28.33.57.63.88.92h-1.76ZM45.05,36.1c-.07-.06-.12-.13-.19-.19v-15.87h2.02v17.51c-.65-.42-1.26-.9-1.83-1.45ZM43.93,34.87c-.16-.21-.51-.21-.67,0-.33.42-.71.84-1.12,1.24-2.2,2.12-5.1,3.29-8.15,3.29-.17,0-.34-.02-.52-.02v-16.97c0-.23-.19-.42-.42-.42h-6.99c-.23,0-.42.19-.42.42v13.48c-.33-.33-.64-.67-.91-1.02-.16-.21-.51-.21-.67,0-.03.03-.06.07-.08.1v-14.93h20.06v14.93s-.06-.07-.09-.1ZM32.62,39.31c-2.26-.26-4.39-1.18-6.15-2.65v-13.83h6.15v16.48ZM21.09,17.17h25.8v2.02h-25.8v-2.02ZM21.09,20.04h2.02v15.87c-.06.06-.12.13-.19.19-.57.55-1.18,1.03-1.83,1.44v-17.51ZM6.03,36.72c2.36,2.28,5.47,3.53,8.74,3.53,2.14,0,4.21-.55,6.04-1.55.04-.01.07-.03.1-.06.93-.52,1.81-1.16,2.6-1.92.31-.3.6-.6.87-.92.27.31.56.62.87.92,2.36,2.28,5.47,3.53,8.74,3.53s6.38-1.25,8.74-3.53c.31-.3.6-.6.87-.92.15.18.33.35.5.53.03.04.06.07.1.1.09.1.18.2.27.29.79.76,1.67,1.4,2.6,1.92.03.02.06.04.1.06,1.84,1.01,3.9,1.55,6.04,1.55,3.27,0,6.38-1.25,8.74-3.53.13-.12.25-.25.37-.38-.36,2.43-1.02,4.76-1.94,6.96-2.08,2.63-5.19,4.14-8.54,4.14s-6.5-1.53-8.59-4.2c-.16-.21-.51-.21-.67,0-.56.72-1.2,1.34-1.89,1.89-.06.02-.11.06-.15.11-1.86,1.41-4.14,2.2-6.54,2.2-3.37,0-6.5-1.53-8.59-4.2-.16-.21-.51-.2-.67,0-2.08,2.67-5.21,4.2-8.59,4.2s-6.46-1.51-8.54-4.14c-.93-2.19-1.59-4.53-1.94-6.96.12.13.24.25.37.38ZM13.22,51.85h41.54c-.36.38-.74.76-1.12,1.12H14.34c-.38-.36-.76-.73-1.12-1.12ZM51.33,54.93H16.65c-.47-.36-.92-.73-1.37-1.12h37.42c-.45.39-.9.76-1.37,1.12ZM48.39,56.9h-28.81c-.6-.35-1.19-.72-1.77-1.12h32.34c-.57.39-1.16.77-1.77,1.12ZM44.25,58.89s-.1-.03-.15-.03h-20.44c-.86-.33-1.7-.71-2.51-1.12h25.69c-.84.42-1.7.81-2.59,1.15ZM26.19,59.71h15.6c-2.48.7-5.1,1.09-7.8,1.09s-5.32-.38-7.8-1.09Z'/%3E%3Cpath class='cls-1' d='M42.04,21.98h-6.79c-.23,0-.42.19-.42.42v6.79c0,.23.19.42.42.42h6.79c.23,0,.42-.19.42-.42v-6.79c0-.23-.19-.42-.42-.42ZM41.62,28.78h-5.95v-5.95h5.95v5.95Z'/%3E%3C/svg%3E");
}
		
.chatHeader:has(+ .mailAndName.displayNone) p.chatHeaderMSG{
	color:white !important;
	margin:0;
	/* padding:0px 25px 0px 0px; */
	justify-content:center;
	width:fit-content !important;
}


p.chatMessageContent {
    padding: 0 0.5em;
}

@keyframes pulsaciones {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }   
}
/*Animaciones de aparicion de boton*/

@keyframes opacidad {
	0%{
		filter:opacity(0);
	}
	25%{
		filter:opacity(0.25);
	}
	 50% {
		filter:opacity(0.5);
	}
	75%{
		filter:opacity(0.75);
	}
    100% {
		filter:opacity(1);
		transform:translateY(-30px);
    } 
}
		
@keyframes inicio {
	0% {
		transform: scale(0);
	}
	100% {
		transform: scale(1);
	}

}
		
@keyframes wave1 {
  0% {
	  bottom:5px;
      left: -300px;
  }
   20%{
		bottom:12px;
	}
	40%{
		bottom:16px;
	}
	60%{
		bottom:18px;
		}
	80%{
		bottom:13px;
	}
  100% {
	   bottom:5px;
    	left:-30px
  }
}
		
@keyframes wave2 {
  0% {
	  bottom:-5px;
      left: -300px;
  }
   20%{
		bottom:-15px;
	}
	40%{
		bottom:-9px;
	}
	60%{
		bottom:-12px;
		}
	80%{
		bottom:-8px;
	}
  100% {
	   bottom:-5px;
       left: -30px;
  }
}
		


@media screen and (max-width:1100px){
    .modalChat{
        width:300px;
    }
    .chatScreen .mailAndName{
        width:300px;
    }
    .chatScreen .mailAndName input{
        height:40px;
    }
	.errorMail,.errorName{
		width:200px;
	}
	.chatHeader .chatBotIcon{
		width:50px !important;
		height:50px !important;
	}
}
@media screen and (max-width:500px){
    .modalChat{
        width:300px;
    }
    .chatScreen .mailAndName{
        width:300px;
    }
    .chatScreen .mailAndName input{
        height:50px;
    }
	.chatHeader .chatBotIcon{
		width:50px !important;
		height:50px !important;
	}
}