.messenger-box {
  color:#333;
 /* width:250px; */
  border-bottom:none;
  background-color:white;
  position:fixed;
  right:10px;
  bottom:0;
  z-index:9999;
  -webkit-box-shadow:1px 1px 5px rgba(0,0,0,.2);
  -moz-box-shadow:1px 1px 5px rgba(0,0,0,.2);
  box-shadow:1px 1px 5px rgba(0,0,0,.2);
  border-radius: 5px 5px 0px 0px;
}
.messenger_head{
	background:#3b5998;
	color:white;
	padding:10px;
	font-weight:bold;
	cursor:pointer;
	border-radius:5px 5px 0px 0px;
}
.messenger_body{
	background:white;
	/*height:400px;*/
	padding:5px 0px;
}

.messenger-box > input[type="checkbox"] {
  display:block;
  margin:0 0;
  padding:0 0;
  position:absolute;
  top:0;
  right:0;
  left:0;
  width:250px; 
  height:26px;
  z-index:4;
  cursor:pointer;
  opacity:0;
  filter:alpha(opacity=0);
}

.messenger-box > label {
  display:block;
  height:24px;
  line-height:24px;
  background-color:#344150;
  color:white;
  font-weight:bold;
  padding:0 1em 1px;
}

.messenger-box > label:before {content:attr(data-collapsed)}

.messenger-box .messenger-box-content {
  padding:10px;
  display:none;
}

/* hover state */
.messenger-box > input[type="checkbox"]:hover + label {background-color:#404D5A}

/* checked state */
.messenger-box > input[type="checkbox"]:checked + label {background-color:#212A35}
.messenger-box > input[type="checkbox"]:checked + label:before {content:attr(data-expanded)}
.messenger-box > input[type="checkbox"]:checked ~ .messenger-box-content {display:block}
.closebtn {
   /* margin-left: 15px;*/
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}
.closebtn:hover {
    color: black;
}
.talk-bubble {
	margin: 10px;
  display: inline-block;
  position: relative;
	width: 250px;
	height: auto;
	background-color: #dfe3ee;
}