* {
	-webkit-transition-property: all;
	-webkit-transition-duration: .2s;
  -moz-transition-timing-function: cubic-bezier(100,50,21,6);
	-moz-transition-property: all;
  -moz-transition-timing-function: cubic-bezier(100,50,21,6);
}



.sub_containers{
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none repeat scroll 0 0 black;
  border-color: -moz-use-text-color #FFFFFF #FFFFFF -moz-use-text-color;
  border-image: none;
  border-radius: 6px 6px 6px 6px;
  border-style: none solid solid none;
  border-width: medium 1px 1px medium;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;    
  padding: 5px 8px;
  transition: background-color 0.2s ease 0s;
  
}


#conversation{	
    height: 400px;
    border: 1px solid #ccc;
    background-color: #efefef;
    padding: 4px; 
    overflow-x: hidden;
    overflow-y: auto;	
    width: 90%;     
}

#conversation p{
    font-size: 90%;
}

input#wisdom {
	padding: 4px;
	/* font-size: 1em; */
	
}

input::placeholder {
	color: black;
	font-style: italic;
}

p.userRequest, .user-request {
	margin: 4px;
	padding: 4px 10px 4px 10px;
	border-radius: 4px;
	
	float: left;
	background-color: #7d7;
}

p.lexResponse, .lex-response {
	margin: 4px;
	padding: 4px 10px 4px 10px;
	border-radius: 4px;
	text-align: right;
	
	float: right;
	background-color: #bbf;
	font-style: italic;
}

p.lexError {
	margin: 4px;
	padding: 4px 10px 4px 10px;
	border-radius: 4px;
	text-align: right;
	
	float: right;
	background-color: #f77;
}

.logo_img{
	height: 50px;	
}

  
@media (min-width: 400px) {
.chatbot-img{
    width: 60px;
    height: 70px; 
    }  
}
@media (min-width: 767px) {
    .chatbot-img{
        width: 125px;
        height: 140px; 
      }  
}