.chat-popupfb {
  display: block;
  position: fixed;
  bottom: 50px;
  right: 15px;
  border: 3px solid #f1f1f1;
  border-radius: 8px;
  background-color: #fff;
  z-index: 1000;
  text-align: center;
  width: 300px;
}

.form-containerfb {
  max-width: 300px;
  padding: 10px;
  background-color: white;
}

.form-containerfb .btn {
  background-color: #04AA6D;
  color: white;
  padding: 10px 10px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;
  border-radius: 8px;
}

/* Add a red background color to the cancel button */
.form-containerfb .cancel {
  background-color: red;
}

/* Add some hover effects to buttons */
.form-containerfb .btn:hover, .open-button:hover {
  opacity: 1;
}

.fb-messenger-logo {
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 100px;
    left: -40px;
    z-index: 200;
}
.fb-button:hover {
    color: #000;
    background-color: #ccc;
}
.fb-btn, .fb-button {
    border: none;
    display: inline-block;
    padding: 8px 10px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}
.fb-blue {
    color: #fff;
    background-color: #0080ff;
}
.fb-block {
    display: block;
    width: 100%;
	border-radius: 8px;
}
.fb-text {
    color: #000; 
	padding: 8px 10px; 
	margin: 1px; 
	background-color: #f1f1f1; 
	border-radius: 8px;
}
.fb-close {
	border-radius:50%;
	padding: 3px; 
	position: absolute; 
	right: 10px; 
	top: 10px; 
	background: #111;
}
