﻿
.round {  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.time { float:right;padding-right:0px; margin-right:-12px; color:#000; font-weight:600;font-size:10px !important;}
.time2 { float:left; padding-left:0px;margin-left:-12px; color:#000; font-weight:600;font-size:10px !important;}

.personName {  padding-left:0px; color:#5586e5; font-weight:600;font-size:14px;}
.personSay {   padding-left:0px; color:#000; font-weight:600;font-size:12px;}

.personName2 { float: right;  padding-left:0px; color:#5586e5; font-weight:600;font-size:14px;}
.personSay2 {  float: right; padding-left:0px; color:#000; font-weight:600;font-size:12px;}

.whatsapp { list-style-type:none; padding:0px; margin:0px;  }
.whatsapp li {   padding-left: 0px; }


.bubble{
    background-color: #F2F2F2;
    border-radius: 5px;
    box-shadow: 0 0 6px #B2B2B2;
    display: inline-block;
    padding: 8px 16px;
    position: relative;
    vertical-align: top;
    margin: 5px 30px;
    border-color: #cdecb0;
    width: 85%;
		
}
.bubble::before {
    background-color: #F2F2F2;
    content: "\00a0";
    display: block;
    height: 14px;
    position: absolute;
    bottom: 15%;
    transform:             rotate( 29deg ) skew( -35deg );
    -moz-transform:    rotate( 29deg ) skew( -35deg );
    -ms-transform:     rotate( 29deg ) skew( -35deg );
    -o-transform:      rotate( 29deg ) skew( -35deg );
    -webkit-transform: rotate( 29deg ) skew( -35deg );
    width:  20px;
    box-shadow: -2px 2px 2px 0 rgba( 178, 178, 178, .4 );
    left: -9px; 
	
}
.bubble2{
    float: right;
    width: 85%;
    background-color: #e6f5d6;
    border-radius: 5px;
    box-shadow: 0 0 6px #B2B2B2;
    display: inline-block;
    padding: 8px 16px;
    position: relative;
    vertical-align: top;
    margin: 5px 12px;
    border-color: #e6f5d6;
		
}
.bubble2::before {

    float:right;
    background-color: #e6f5d6;
    content: "\00a0";
    display: block;
    height: 14px;
    /*position: absolute;*/
    position:relative;
    left: 26px;
    top: 60%;
    transform:             rotate( 205deg ) skew( -35deg );
    -moz-transform:    rotate( 205deg ) skew( -35deg );
    -ms-transform:     rotate( 205deg ) skew( -35deg );
    -o-transform:      rotate( 205deg ) skew( -35deg );
    -webkit-transform: rotate( 205deg ) skew( -35deg );
    width:  20px;
    box-shadow: -2px 2px 2px 0 rgba( 178, 178, 178, .4 );
     
}

