label.errorChat{
    color:red;
}
textarea{
    width: 100%;
    max-width: 100%;
    max-width: 100%;
    height: 80px;
    max-height: 80px;
    min-height: 80px;
    border-radius: 10px;
    border: 1px solid #b2b2b2;
}

#chatTitle,#chatTitleDes{
	position: fixed;
    font-size: 16px;
    right: 70px;
    bottom: 12px;
    background: #e67e22;
    color: white;
    border-radius: 3px !important;
    z-index: 100;
    opacity: 1;
    cursor: pointer;
    padding: 3px 5px 3px 5px;
}
#chatTitle:hover,#chatTitleDes:hover {
    color: #fff;
  	background: #006fb7;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
div#chatContainer,div#chatContainerDes{
	z-index:1000;
    width: 250px;
    height: 355px;
    position: fixed;
    right: 250px;
    transition: 2s bottom;
}

div.chatContainerArriba{
    bottom: 80px;
}

div.chatContainerAbajo{
    bottom: -345px;
}

div.chat{
    padding: 8px;
    border: 1px solid #b2b2b2;
    border-radius: 25px;
	background-color:white;
}

div.form{
    width: 250px;
    height: 390px;
}

div.chatRoom{
    width: 350px;
    height: 430px;
}

div.textoChat{
    border:1px solid #2ba8db;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 100%;
    height: 215px;
    margin-bottom: 10px;
    overflow-y:hideen;
    overflow-x: hidden;
    word-wrap: break-word;

}

input#closeChat{
    float: right;
}

pre.msgChat{
	display: block;
    padding: 1em;
    margin: 0 0 0.5em;
    font-size: 1em;
    word-break: break-all;
    color: #7a8187;
    background-color: white; 
    border: none;
    border-radius: none;
    overflow:hidden;
	
}

pre.msgDer{
    text-align: right;
    color: #006fb7;
	display: block;
}

div#chatTitle,div#chatTitleDes{
	z-index:100;
    position: fixed; 
  display: block;
  float: left;
  width: 50px;
  height: 50px;
  text-align: center;
  font-size: 1em;
  color: #fff;
  background: #2ba8db;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding-top: 7px;
  margin: 0 7px;
  cursor: pointer;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  transition: background 0.3s ease;
}

div.chatTitleArriba{
    bottom: 405px;
}

div.chatTitleAbajo{
    bottom: 20px;
}

input#closeChat,
input#enviarMsg,
input#startChat{
    padding: 8px;
    color: white;
    background-color:  #ff7903;
    border: 1px solid #ff7903;
    border-radius: 5px;
}