.rr-chatt{background-color: #f2f6f8;
border: none;
line-height:1.3em;
margin: 0px;
padding: 4px;
position: relative;
text-align: left;
border-left:1px solid #bcd2ee;
border-right:1px solid #bcd2ee;} .rr-chatt:after, .rr-chatt:before
{right: 100%; border: solid
transparent; content: " ";
height: 0; width: 0; position:
absolute; pointer-events:
none; } .rr-chatt:after
{border-color: transparent  #f2f6f8 transparent transparent ; border-style:
solid; border-width: 7px; position: absolute;
top: 5px; left: -12px; }
.rr-chatt:before {border-color: transparent  #bcd2ee transparent transparent  ; border-style:
solid; border-width: 7px; position: absolute;
top: 5px; left: -14px;}.chats-up {background-color: #fff; border: 1px solid #bcd2ee; line-height: 1.3em; position: relative; text-align: left; border-radius: 4px;} .chats-up:after, .chat-ups:before
{bottom: 100%; border: solid
transparent; content: " ";
height: 0; width: 0; position:
absolute; pointer-events:
none; } .chats-up:after
{border-color: transparent transparent #fff transparent; border-style: solid; border-width: 10px; height: 0; width: 0; position: absolute; top: -19px; left: 10px; }
.chats-up:before {border-color: transparent transparent #bcd2ee transparent; border-style: solid; border-width: 10px; height: 0; width: 0; position: absolute; top: -21px; left: 10px;}
.chat-down {background-color: #fff; border: 1px solid #bcd2ee; line-height: 1.3em; margin: 4px; padding: 5px; position: relative; text-align: left; border-radius: 4px;} .chat-down:after, .chat-down:before
{top: 100%; border: solid
transparent; content: " ";
height: 0; width: 0; position:
absolute; pointer-events:
none; } .chat-down:after
{border-color: #fff transparent transparent transparent; border-style: solid; border-width: 8px; height: 0; width: 0; position: absolute; bottom: -18px; left: 20px; }
.chat-down:before {border-color: #bcd2ee transparent transparent transparent; border-style: solid; border-width: 10px; height: 0; width: 0; position: absolute; bottom: -17px; left: 18px; }.chatt-up {background-color: #f2f6f8; border: 1px solid #bcd2ee; line-height: 1.3em; margin: 4px; padding: 5px; position: relative; text-align: left; border-radius: 4px;} .chatt-up:after, .chatt-up:before
{bottom: 100%; border: solid
transparent; content: " ";
height: 0; width: 0; position:
absolute; pointer-events:
none; } .chatt-up:after
{border-color: transparent transparent #f2f6f8 transparent; border-style: solid; border-width: 10px; height: 0; width: 0; position: absolute; top: -19px; left: 10px; }
.chatt-up:before {border-color: transparent transparent #bcd2ee transparent; border-style: solid; border-width: 10px; height: 0; width: 0; position: absolute; top: -21px; left: 10px;}
.chatt-down {background-color: #f2f6f8; border: 1px solid #bcd2ee; line-height: 1.3em; margin: 4px; padding: 5px; position: relative; text-align: left; border-radius: 4px;} .chatt-down:after, .chatt-down:before
{top: 100%; border: solid
transparent; content: " ";
height: 0; width: 0; position:
absolute; pointer-events:
none; } .chatt-down:after
{border-color: #f2f6f8 transparent transparent transparent; border-style: solid; border-width: 8px; height: 0; width: 0; position: absolute; bottom: -18px; left: 20px; }
.chatt-down:before {border-color: #bcd2ee transparent transparent transparent; border-style: solid; border-width: 10px; height: 0; width: 0; position: absolute; bottom: -17px; left: 18px; }.arow { margin-left: 20px; margin-bottom: 0; border-style: solid; border-color: transparent transparent #6dba84 transparent; border-width: 0 10px 10px 0; height: 0px; width: 0px; }
.arrow { margin: 3px; margin-top: 0; border: #6dba84 2px solid; padding: 5px; color: #000; background-color: #bee9ae; -o-border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px; word-wrap: break-word; }