.chatbot{ position: fixed; bottom:0px; right:30px; background: #fbfbfb; width: 320px; z-index: 1000}
      .chatbot-header{ background: #a5c208; padding: 5px; color: #fff; font-size: 18px;}
      .chatbot-header img, .chatbot-header svg{ width: 30px; margin-right: 8px; height: 30px; display: inline-block; vertical-align: middle;}
      .chatbot-header svg path{ fill:#ffffff;}
      .chatbot-header .close{ background: transparent; outline:none; padding: 0 8px}
     @media(max-width: 767px){.chatbot{width: 270px}}
    
    
    #conversation .userRequest {
      padding: 8px 10px;
      border-radius: 4px;
      min-width: 50%;
      max-width: 75%;
      display: inline-block;
      background-color: #fff; color: #696969;border: 1px solid #ccc; vertical-align: top;
    }
    
    #conversation .lexResponse {
      padding: 8px 10px;
      border-radius: 4px;
      text-align: right;
      min-width: 50%;
      max-width: 75%;
      display:inline-block;
      background-color: #e7e7e7;
      font-style: italic; color: #000; vertical-align: top;
      float: right; border: 1px solid #cecece;
    }
    #conversation .lexResponse a{ color: #077fff; display: inline-block; margin: 0 5px}
    #conversation .lexResponse a:hover{ color: #bed730;}
    
    p.lexError {
      margin: 4px;
      padding: 8px 10px;
      border-radius: 4px;
      text-align: right;
      min-width: 50%;
      max-width: 75%;
      display:inline-block;
      background-color: #f77;
    }
    #conversation{ margin:auto;}
    
    
    #conversation .lexResponse button{ margin-top: 8px; margin-bottom: 0; background: #556670; padding:8px 13px; }
    #conversation .lexResponse button:hover{background: #bed730 }
    
    .boxUserRequest{ float: left; width: 100%}
    .boxLexResponse{ float: right; width: 100%}
    .boxUserRequest .fa{ font-size: 40px; color: #d5d6da; display: inline-block;  margin-right: 10px; vertical-align: middle}
    .boxLexResponse .fa{ font-size: 40px; color: #d5d6da; display: inline-block;  margin-left: 10px; vertical-align: middle; float: right}
    
    #chaticon{ position: fixed; bottom: 0; right:80px}
    @media(max-width: 767px){#chaticon img{ width: 50px;}}
	.form-control{
    width: 80% !important;
	}
	  .mic{
		height: 20px !important;
		width: 20px !important;
		position: absolute !important;
		bottom: 6px !important;
		left: 5px !important;
	}
	md-toast {
		width: 600px !important;
	}
	.icon-bg{
		height: 30px;
		width: 30px;
		position: absolute;
		border-radius: 50%;
		bottom: 3px;
		left: 5px;
	}
	.contact-us-icon{-webkit-border-top-left-radius: 40px; -webkit-border-bottom-left-radius: 40px; -moz-border-radius-topleft: 40px; -moz-border-radius-bottomleft: 40px; border-top-left-radius: 40px; border-bottom-left-radius: 40px; background-color:#bed730; width:60px; position:fixed; z-index:9999; right:0; top:504px; padding:10px;}
	.contact-us-icon img, .contact-us-icon svg{width:30px; height:30px;}
	.contact-us-icon svg path{ fill:#FFFFFF;}
	.contact-us-icon:hover svg path{ fill:#556677;}