.relatedToBox{    background: #74bb99;
    padding: 1px 5px;
    margin: 1px 3px 0px 0px;
    border-radius: 3px;
    color: #fff;
    font-size: 11px;
    display: inline-block;
    margin-right: 9px;}

    .col-md-6.toggleview6 .mailbox-messages table tr .mailbox-attachment.btnGroupinboxWidth {
        width: 34%;
    }
    .col-md-6.toggleview6 .mailbox-messages table tr .mailbox-date {
        width: 20%;
    }

    
    .chat-msg.self.queuedMessage > .cm-msg-text:before {
		content: "";
		width: 50px;
		height: 16px;
		position: absolute;
		background: url(../images/arrow-amb.png) right top no-repeat;
		right: -11px;
		top: -1px;
	  }
      .documntAttachBox{    background: #e9e9e9;
        border: 1px solid #ccc;
        display: inline-block;
        padding: 5px 7px;
        font-size: 13px;
        border-radius: 3px;
        margin-top: 7px;}
      .documntAttachBox i{     font-size: 18px;
        float: left;
        margin-right: 6px; color: #7f7f7f;}
        .whatsuserTitleStyle{cursor: pointer;}
        .whatsuserTitleStyle i{display: none; margin-left: 4px;;}
        .whatsuserTitleStyle:hover i{display: inline-block;}
        .emoji-menu{    top: 0px;
            right: 40px;}
            .emoji-picker-container {
                position: relative;
                padding: 0px;
                margin: 0px;
            }

            .emoji-picker-icon {
                
                cursor: pointer;
                position: absolute;
                right: inherit !important;
                top: 10px;
                font-size: 20px;
                opacity: 0.7;
                z-index: 100;
                transition: none;
                color: black;
                -moz-user-select: none;
                -khtml-user-select: none;
                -webkit-user-select: none;
                -o-user-select: none;
                user-select: none;
                right: inherit;
                top: 11px;
                left: 14px;
            }

            .chatfooterInputBox .emoji-wysiwyg-editor {     border: 0px;
                padding-left: 34px !important;
                background: #fff;
                min-height: 65px;
                max-height: 65px;
                height: 65px !important;
                font-size: 13px !important;
                border-radius: 20px;
                padding-right: 10px !important;
                width: 100%;
                line-height: 17px;
            }

            .smsSenderchatfooterInputBox .emoji-wysiwyg-editor {
              
                padding-left: 34px !important;
                font-size: 13px !important;
            }
            .emoji-menu {
               
                left: -1px;
                top: -230px;
            }
 .newMessageView{position: absolute;
    bottom: 2px;
    width: 23px;
    height: 23px;
    z-index: 222;
    background: rgba(84,84,84,0.2);
    display: none;
    right: 11px;
    text-align: center;
    padding-top: 3px;
    border-radius: 50%; cursor: pointer;} 
    .chat-box-body:hover .newMessageView{    display: block  !important;}     
    
    .emoji-menu .emoji-items-wrap {
        position: relative;
        height: 171px;
        overflow: auto !important;
    }
    .emoji-menu-tab.icon-grid::before{  display: none !important;}

    .emoji-menu .emoji-items-wrap::-webkit-scrollbar-track, .chatfooterInputBox .emoji-wysiwyg-editor::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.3);
       border-radius: 4px;
   }
   
   .emoji-menu .emoji-items-wrap::-webkit-scrollbar, .chatfooterInputBox .emoji-wysiwyg-editor::-webkit-scrollbar {
       width: 4px;
       background-color: transparent;
   }
   
   .emoji-menu .emoji-items-wrap::-webkit-scrollbar-thumb, .chatfooterInputBox .emoji-wysiwyg-editor::-webkit-scrollbar-thumb {
       border-radius: 4px;
       background-color: transparent;
   }
   
   .emoji-menu .emoji-items-wrap::-webkit-scrollbar-thumb, .chatfooterInputBox .emoji-wysiwyg-editor::-webkit-scrollbar-thumb {
       border-radius: 4px;
       background-color: #cccccc;
   }
   

   .modal-dialog.modal-m .emoji-menu {
    left: 32px;
    top: inherit; bottom:0px;
}


.modal-dialog.modal-m .emoji-picker-icon {
    cursor: pointer;
    position: absolute; top: inherit;
    bottom: 8px;}

    .modal-dialog.modal-m  .smsSenderchatfooterInputBox .emoji-wysiwyg-editor {
        padding-left: 7px !important;
        font-size: 13px !important;
    }
    .attachimgView{    position: relative;
        display: inline-block;}
    .whatsAppimgActionView{    position: absolute;
        right: 2px;     font-size: 16px !important; opacity:  0.0;
        top: 3px;
        background: rgba(255,255,255,0.7);
        padding: 3px 4px;     color: #337ab7 !important;     border: 1px solid rgba(0,0,0,0.2);}

        .whatsAppimgActionView.la-eye{    right: 32px;}
        .attachimgView:hover  .whatsAppimgActionView{opacity:  0.999;}

        .cm-msg-text p{/* These are technically the same, but use both */
            overflow-wrap: break-word;
            word-wrap: break-word;
          
            -ms-word-break: break-all;
            /* This is the dangerous one in WebKit, as it breaks things wherever */
            word-break: break-all;
            /* Instead use this non-standard one: */
            word-break: break-word;
          
            /* Adds a hyphen where the word breaks, if supported (No Blink) */
            -ms-hyphens: auto;
            -moz-hyphens: auto;
            -webkit-hyphens: auto;
            hyphens: auto;     width: 87%;
            float: left;}
            .whatsAppMoreSelecton{color: #666;}

            .whatsAppMoreSelecton i {
                font-size: 20px; cursor: pointer;
            }

            .chartfaellipsisv.whatsAppMoreSelecton {
              
                right: 10px;
                top: 9px;
            }

            .whatsAppMoreSelecton.chartfaellipsisv ul {
                top: -2px;
                margin: 0px;
                padding: 0px;
                list-style: none;
                background: #fff;
                width: 148px;
                position: absolute;
                z-index: 3;
                right: 14px;
                border: 1px solid #eee;
                color: #777;
                box-shadow: 0px 0px 10px #eee;
            }

            .whatsAppMoreSelecton.chartfaellipsisv ul li{font-size: 13px;} 
.cm-msg-text  .checkbox {
    padding-left: 20px;
    float: left; margin-top: 0px;
}

.emoji-picker-container {
    position: relative;
    background: #f1f1f1;
    padding-top: 3px !important;
    padding-left: 5px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.WhatsAppContainWrap{border-radius: 20px;     width: 91%; background: #fff; padding:5px 10px 5px 0px }