#pgreca_chat {

	position: fixed;

	bottom: 0px;

	right: calc(5% - 1px);

	z-index: 999;

	background-color: #fff;

	width: 250px;

	border-radius: 5px 5px 0px 0px;

	overflow: hidden;

	font-size: 80%;

}



#pgreca_chat.close > * {

	float: none;

	margin: 0px;

	padding: 0px;

	border: 0px;

	outline: none;

	display: none;

}



#pgreca_chat #pgreca_chat-head {

	display: block !important;

	background-color: #ea5f6d;

	padding: 10px;

	border-radius: 5px 5px 0px 0px;

	cursor: pointer;

}



#pgreca_chat #pgreca_chat-head span#pgreca_chat-show,

#pgreca_chat #pgreca_chat-head span#pgreca_chat-hide {

    display: block;

	margin: 0px 10px;

    text-align: right;

	text-transform: uppercase;

	color: #fff;

}



#pgreca_chat #pgreca_chat-head span#pgreca_chat-show,

#pgreca_chat.close #pgreca_chat-head span#pgreca_chat-hide {

	display: none;

}



#pgreca_chat.close #pgreca_chat-head span#pgreca_chat-show {

    display: block;	

}



#pgreca_chat #pgreca_chat-widget_show {

	position: relative;

}



#pgreca_chat #pgreca_chat-widget_show > * {

	background-color: #fff;

	width: calc(100% - 2px);

	border: 1px solid #e8e8e8;

	border-top: 0px;	

}



#pgreca_chat #pgreca_chat-memberonline:empty {

	border: 0px;

}



#pgreca_chat #pgreca_chat-memberonline.close {

	display: none;

}



#pgreca_chat #pgreca_chat-memberonline a {

	display: inline-block;

	width: calc(10% - 10px);

	margin: 5px;

}



#pgreca_chat #pgreca_chat-memberonline span {

	display: block;

	padding: 10px;

}



#pgreca_chat.close #pgreca_chat-message,

#pgreca_chat.close #pgreca_chat-send {

	display: none;

}



#pgreca_chat #pgreca_chat-message {

    height: 250px;

	overflow: hidden;

	background-color: #fff;

	border: 1px solid #e8e8e8;

	border-top: 0px;

	border-bottom: 0px;

}



#pgreca_chat #pgreca_chat-message ol {

	display: flex;

    flex-direction: column-reverse;	

	max-height: 250px;

	overflow-y : auto;

	list-style: none;

}



#pgreca_chat #pgreca_chat-message ol li {

	background-color: #f8f8f8;

	width: calc(100% - 15px - 20px - 15%);

	border-radius: 5px;

	margin: 10px 15% 5px 15px;

	padding: 7px 10px;

}



#pgreca_chat #pgreca_chat-message ol li.message_me {

	background-color: #000;

	width: calc(100% - 15px - 20px - 15%);

	margin: 5px 15px 5px 15%;	

}



#pgreca_chat #pgreca_chat-message ol li img {

	float: none;

	vertical-align: top;

	margin-right: 10px;

	border: 0px;

}



#pgreca_chat #pgreca_chat-message ol li .message_text {

	display: inline-block;

	width: calc(100% - 35px);

}



#pgreca_chat #pgreca_chat-sendbox {

	width: calc(100% - 20px - 2px);

	background-color: #f8f8f8;

	border: 1px solid #e8e8e8;

	padding: 5px 10px;	

}



#pgreca_chat #pgreca_chat-senddisable,

#pgreca_chat #pgreca_chat-send {

	width: 100%;

	background-color: transparent;

	border: 0px;

	padding: 0px;

}



#pgreca_chat.close #pgreca_chat-senddisable {

	display: none;

}



.ui-tooltip {

	position: absolute;

	z-index: 9999;

	background-color: rgba(0,0,0, 0.7);

	max-width: 300px;

	padding: 5px;

	border-radius: 5px;

	color: #fff;

}