/* TR-WP.COM */

@import url("https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");

@import url("http://fonts.googleapis.com/css?family=Lato:100,300,400|Raleway:100,300,400,500,600,700|Open+Sans:100,300,400,500,600");

.trwpwhatsappballon {
  font-size: 14px;
  border-radius: 12px;
  border: 1px solid #fff;
  max-width: 250px;
}

.trwpwhatsapptitle {
  background-color: #22c15e;
  color: white;
  padding: 14px;
  border-radius: 12px 12px 0px 0px;
  text-align: center;
}

.trwpwhatsappmessage {
  padding: 16px 12px;
  background-color: white;
}

.trwpwhatsappinput {
  background-color: white;
  border-radius: 0px 0px 12px 12px;
}

.trwpwhatsappinput input {
  width: 228px;
  border-radius: 10px;
  margin: 1px 1px 10px 10px;
  padding: 10px;
  font-family: "Raleway", Arial, sans-serif;
  font-weight: 300;
  font-size: 13px;
  background-color: #efefef;
  border: 1px solid #d4d4d4;
}

.trwpwhatsappbutton {
  background-color: #22c15e;
  border-radius: 20px;
  padding: 8px 15px;
  cursor: pointer;
  color: #fff;
  /* max-width: 220px; */
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.trwpwhatsappall {
  position: fixed;
  z-index: 9999999999999999999;
  bottom: 0;
  right: 10px;
  font-family: "Raleway", Arial, sans-serif;
  font-weight: 300;
  font-size: 15px;
}

.trwpwhatsappsendbutton {
  color: #22c15e;
  cursor: pointer;
}

button {
  border: none;
}
button i {
    float: right;
    position: absolute;
    z-index: 999999999999;
    right: 20px;
    top: 11;
    bottom: 80px;
    font-size: 18px !important;
}

.kapat {
  position: absolute;
  right: 8px;
  top: 6px;
  font-size: 13px;
  border: 1px solid #fff;
  border-radius: 99px;
  padding: 2px 5px 2px 5px;
  color: white;
  font-size: 10px;
  cursor: pointer;
}