@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,300,600);
@font-face {
  font-family: "GE Flow";
  src: url("../plugins/ge_flow/GEFlow.eot?") format("eot"), url("../plugins/ge_flow/GEFlow.woff") format("woff"), url("../plugins/ge_flow/GEFlow.ttf") format("truetype"), url("../plugins/ge_flow/GEFlow.svg#GEFlow") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "GE Flow Bold";
  src: url("../plugins/ge_flow/ge-flow-bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
.message--head {
  border-width: 1px;
  border-color: #eaeaea;
  border-style: solid;
  border-radius: 4px 4px 0 0;
  background-color: white;
  padding: 15px;
  position: relative; }

.message--sender {
  font-size: 18px;
  font-family: 'Titillium Web','GE Flow', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #747683;
  line-height: 1.667; }

.message--title {
  font-size: 16px;
  width: 80%;
  font-family: 'Titillium Web','GE Flow', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #8c8c93;
  text-transform: uppercase;
  line-height: 1.875; }

.message--date {
  font-size: 14px;
  font-family: Arial;
  color: #afafaf;
  font-weight: bold;
  line-height: 2.5;
  position: absolute;
  z-index: 70;
  left: 25px;
  top: 30px; }

.message--body {
  background-color: #f6f6f6;
  padding: 25px; }

.message--reply {
  margin-bottom: 25px; }

.message--reply-side {
  width: 35px;
  text-align: center;
  float: right; }

.message--reply-name {
  border-radius: 50%;
  background-color: #2b2d42;
  width: 35px;
  height: 35px;
  color: #fff;
  line-height: 35px;
  text-align: center; }

.message--reply-time {
  font-size: 11px;
  font-family: "Arial";
  color: rgba(0, 0, 0, 0.6);
  line-height: 2; }

.message--reply-content *{
  color: #fff;
}
.message--reply-content {
  border-style: solid;
  border-width: 1px;
  border-color: #f2f2f2;
  background-color: white;
  padding: 15px;
  border-radius: 4px;
  /*max-width: 350px;*/
  float: right;
  position: relative;
  margin-right: 15px;
  color: #747683;
  font-size: 14px;
  line-height: 1.5; }
  .message--reply-content:before {
    right: 0;
    top: 15px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #f2f2f2;
    border-width: 5px;
    margin-right: -11px; }
  .message--reply-content:after {
    right: 0;
    top: 15px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #fff;
    border-width: 5px;
    margin-right: -10px; }

.message--reply.sender .message--reply-side,
.message--reply.sender .message--reply-content {
  float: left; }

.message--reply.me .message--reply-content {
  background: #f35367;
  color: #fff; }
  .message--reply.me .message--reply-content:after {
    border-left-color: #f35367; }

.message--reply.sender .message--reply-content {
  margin-left: 15px; }
  .message--reply.sender .message--reply-content:after {
    right: inherit;
    left: 0;
    margin-right: inherit;
    margin-left: -10px;
    border-left-color: transparent;
    border-right-color: #fff; }
  .message--reply.sender .message--reply-content:before {
    right: inherit;
    left: -11px;
    border-left-color: transparent;
    border-right-color: #f2f2f2; }

.message--footer {
  position: relative; }

.message--text {
  border-color: #eaeaea;
  border-style: solid;
  border-radius: 0 0 4px 4px;
  background-color: white;
  height: 80px;
  display: block;
  width: 100%;
  resize: none;
  padding: 25px;
  font-size: 16px;
  font-family: 'Titillium Web','GE Flow', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #9d9d9d;
  padding-left: 70px; }
  .message--text:focus {
    outline: none;
    border-color: #d3d7ea; }

.message--send-button {
  border: none;
  background-color: transparent;
  position: absolute;
  left: 20px;
  top: 20px;
  cursor: pointer; }

.reply-disabled {
  border-color: #eaeaea;
  border-style: solid;
  border-radius: 0 0 4px 4px;
  background-color: white;
  height: 60px;
  display: block;
  width: 100%;
  resize: none;
  padding: 25px;
  font-size: 16px;
  font-family: 'Titillium Web','GE Flow', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #9d9d9d;
  padding-left: 70px;
  text-align: center; }
  .reply-disabled:focus {
    outline: none;
    border-color: #d3d7ea; }