#contenedorChat .usuarioConectado { opacity: 1; color: #65646a; }
#contenedorChat .usuarioDesconectado { opacity: 0.8; color: #c1c2c3; }
#contenedorChat .caja { opacity: 1; }
#contenedorChat .cajaTitulo, #contenedorChat .usuarioConectado, #contenedorChat .usuarioDesconectado { background-color: transparent !important; color: #333; padding: 0 5px !important; font-weight: normal !important; }
#contenedorChat .cajaTitulo.usuarioMensajeNuevo { background-color:#ffdccc !important;}

/* Estilos para el chat*/
#contenedorChat { background: #e0e0e1; font-size: 11px; position: fixed; right: 0; bottom: 0; margin-bottom: 20px; float: left; /*display: none;*/ min-width: 270px; min-height: 300px; max-width: 800px; max-height: 500px; height: 300px; padding: 10px; border-top: 1px solid #d0d1d3; border-left: 1px solid #d0d1d3; }
#contenedorChat .tablaContenedora { border-collapse: collapse; width: 180px; height: 100%; padding: 0px; margin: 0px; empty-cells: hide; border-spacing: 0px; }
#contenedorChat .tablaContenedora tr, #contenedorChat .tablaContenedora td { padding: 0px; margin: 0px; }

#contenedorChat .tablaContenedora .tdContactos { width: 180px; min-width: 180px; }
.divMinChat .botonesAcceso a { text-decoration: none; border: 1px solid #4b738c; color: #4b738c; border-top-left-radius: 4px; border-top-right-radius: 4px; font-size: 11px; background: #cceef1; margin-right: 2px; padding: 1px 4px; text-align: center; display: block; float: right; }
.divMinChat .botonesAcceso a:hover, .divMinChat .botonesAcceso a.seleccionado { background: #dddddd; margin-top: 1px; }
.divMinChat .botonesAcceso a:active { position: relative; top: 1px; }

/*Mensajes*/
#contenedorChat .divMensajes { height: 200px; overflow: auto; width: 100%; max-width: 500px; overflow: auto; }
#contenedorChat .destinatario { font-weight: bold; margin-bottom: 5px; border-bottom: #d0d1d3 1px solid; }
#contenedorChat .contenedorMensajes { overflow: auto; height: 160px; }
#contenedorChat .mensajeContacto, #contenedorChat .mensajeContacto, #contenedorChat .mensajeSistema { max-width: 400px; }
#contenedorChat .mensaje, #contenedorChat .mensajeContacto { border-bottom: 1px solid #cacaca; margin-right: 5px; margin-bottom: 3px; border-radius: 2px; padding: 3px; word-wrap: break-word !important; }
#contenedorChat .mensaje { background-color: #eaf4d8; margin-left: 20px; }
#contenedorChat .mensajeContacto { background: #FFF; margin-right: 20px; margin-left: 0px; }
#contenedorChat .mensajeSistema { background: #F6CED8; }
#contenedorChat .mensajeNuevo { background: #cceef1; }
#contenedorChat .mensaje .avatar { float: left; width: 40px; height: 40px; border: 1px solid #cacaca; margin: 2px; }
#contenedorChat .mensaje .de { float: left; font-weight: bold; }
#contenedorChat .mensaje .fecha { float: right; font-style: italic; font-size: 10px; }
#contenedorChat .mensaje .texto { margin-top: 5px; max-width: 400px; }

/********despliega conversación***********/
#contenedorChat .despliegaConversacion { width: 10px; border: #d0d1d3 1px solid; vertical-align: text-top; text-align: center; line-height: 280px; margin: 10px; }
#contenedorChat .despliegaConversacion:hover { background: #FFF; box-shadow: 4px 4px 4px rgba(227, 228, 230, 0.7); cursor: pointer; cursor: hand; }

/********Contenedor conversación***********/
#contenedorConversacion, #contenedorContactos { padding: 0px; margin: 0px; }
#contenedorContactos { min-height: 300px; }
#contenedorConversacion h5 { float: left; width: 80%; border-bottom: none; }
.funcionesConversacion table { margin-top: 10px; }

/******** Contactos ***********/
#divListaContactosChat { margin: 1px; max-height: 217px; min-width: 260px; overflow: auto; }
#divListaContactosChat div .usuarioDesconectado { background: url(../../img/chat/userInactive_2.png) no-repeat; height: 25px; font-weight: bold; padding-left: 31px; margin-top: 5px; }
#divListaContactosChat div .usuarioConectado, #divListaContactosChat div .usuarioMensajeNuevo { background: url(../../img/chat/userActive_2.png) no-repeat; height: 25px; font-weight: bold; padding-left: 31px; margin-top: 5px; cursor: pointer; cursor: hand; }
.divPiePaginaChat { height: 16px; position: fixed; margin-top: -16px; width: 100%; bottom: 0; text-align: center; font-size: 11px; padding-top: 4px; border-style: solid none none none; border-width: 1px; background: #cceef1; border-color: #436b84; box-shadow: 0px -3px 3px rgba(180, 180, 180, 0.5); }
.btnAgregarUsuario { height: 24px; width: 24px; background-image: url(../../img/chat/AddUser.png) no-repeat; float: right; }
#contenedorChat .cajaOficina { background-image: none; background-color: #fff1d1 !important; padding-left: 5px !important; }
#contenedorChat .addConversacionGrupal { height: 24px; width: 24px; background-image: url('../../img/chat/ChatGroup_2.png'); float: left; margin-right: 5px; }
.cancelarConversacionGrupal { height: 16px; width: 16px; background-image: url('../../img/chat/CancelChatGroup_2.png'); float: left; margin-right: 5px; }
.enviarConversacionGrupal { height: 16px; width: 16px; background-image: url('../../img/chat/EnviarMensaje.png'); float: left; margin-right: 5px; }

#contenedorChat .usuarioConectado, #contenedorChat .usuarioDesconectado { padding-left: 30px !important; font-size: 12px;}
#contenedorChat .usuarioDesconectado { color: #c1c2c3; }
#divListaContactosChat .cajaContenido { padding: 5px; }