.asagiSabit {position:fixed;bottom:15px;right:15px;z-index:9999}
 
.whatsappBlock a {display:inline-block;width: 70px;height:70px;background:#65BC54;color:#fff !important;font-weight:bold;border-radius:40px;line-height:70px;text-align:center;}
.whatsappBlock a img {height:100%;width:50px;height:50px;}

#wa_trigger {
  position: fixed;
  bottom: 15px;
  right: 15px;
}
#wa_content {
  border-radius: 4px;
  padding-bottom: 10px;
}
.wa-wrapper {
  display: flex;
  flex-direction: column;
}
.wa-wrapper .header {
  display: flex;
  justify-content: flex-end;
  background: #00FFAE;
  height: 50px;
}
.wa-wrapper .messages {
  padding: 20px 10px;
  display: flex;
  justify-content: flex-end;
}
.wa-wrapper .input {
  height: 30px;
}
.user-info {
  display: flex;
  align-items: center
}
.user-info label {
  margin-bottom: 0px;
  color: #666666;
  font-weight: 900;
}
.user-info img {
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, .8);
  border-radius: 20px;
  margin: 0px 10px;
}
.message {
  background: #EEE;
  border-radius: 4px;
  color: #666666;
  padding: 10px;
  width: 230px;
}
.input {
  display: flex;
}
.input input[type=text] {
  width: 250px;
  border: none;
  padding: 0px 10px;
  font-size: .8em;
  outline: none;
}
.send {
  width: 50px;
  text-align: center;
}
.send img {
  cursor: pointer;
}
/*
 * jquery-gpopover
 * http://github.com/markembling/jquery-gpopover
 *
 * A simple jQuery plugin for creating popover elements similar to Google's 
 * new 'apps' launcher/switcher.
 *
 * Copyright (c) 2013 Mark Embling (markembling.info)
 * Licensed under the BSD (3 clause) license.
 */

.gpopover {
    bottom: 80px;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-color: rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    display: none;
    position: absolute;
    z-index: 998;
}

.gpopover .gpopover-arrow {
    border: 8px solid transparent;
    border-bottom-color: #FFF;
    border-top-width: 0;
    height: 0;
    position: absolute;
    width: 0;
    z-index: 999;
    transform: rotate(180deg);
}

.gpopover .gpopover-arrow-shadow {
    border: 8px solid transparent;
    border-bottom-color: #C0C0C0;
    border-bottom-color: rgba(0, 0, 0, 0.275);
    border-top-width: 0;
    height: 0;
    position: absolute;
    width: 0;
    z-index: 997;
    transform: rotate(180deg);
}