.wrd.webremote .messaging-view{width:100%;max-width:1200px;margin:0 auto;padding-right:10px;padding-left:10px;display:flex;flex-direction:column;flex:1}.wrd.webremote .messaging-view .conversations-area,.wrd.webremote .messaging-view .messaging-area{min-height:640px;display:flex;flex-direction:column;flex:1}.wrd.webremote .messaging-view .conversations-area{background:#f8f8f8 none repeat scroll 0 0;border:1px solid #c4c4c4;clear:both;overflow:hidden}.wrd.webremote .messaging-view .conversations-area .conversations-header{display:flex;align-items:center;justify-content:space-between;padding:10px 29px 10px 20px;overflow:hidden;border-bottom:1px solid #c4c4c4;flex-shrink:0;gap:15px}.wrd.webremote .messaging-view .conversations-area .conversations-header h4{color:#000;font-size:21px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;flex-grow:1}.wrd.webremote .messaging-view .conversations-area .conversations-header .conversations-actions{display:flex;align-items:center;gap:8px}.wrd.webremote .messaging-view .conversations-area .conversations-list{flex:1 1 0;overflow-y:auto;min-height:0;max-height:100%}.wrd.webremote .messaging-view .conversations-area .conversations-list .conversation-area{border-bottom:1px solid #c4c4c4;margin:0;padding:18px 16px 10px}.wrd.webremote .messaging-view .conversations-area .conversations-list .conversation-area.active{background:#dbdbdb}.wrd.webremote .messaging-view .conversations-area .conversations-list .conversation-area .conversation{overflow:hidden;clear:both}.wrd.webremote .messaging-view .conversations-area .conversations-list .conversation-area .conversation-img{float:left;width:11%}.wrd.webremote .messaging-view .conversations-area .conversations-list .conversation-area .conversation-img img{max-width:100%}.wrd.webremote .messaging-view .conversations-area .conversations-list .conversation-area .conversation-context h5{font-size:15px;color:#464646;margin:0 0 8px}.wrd.webremote .messaging-view .conversations-area .conversations-list .conversation-area .conversation-context h5 span{font-size:13px;float:right}.wrd.webremote .messaging-view .conversations-area .conversations-list .conversation-area .conversation-context p{font-size:14px;color:#989898;margin:auto}.wrd.webremote .messaging-view .conversations-area .conversations-list .conversation-area .conversation-context{float:left;padding:0 0 0 15px;width:88%}.wrd.webremote .messaging-view .messaging-area{background:#f8f8f8 none repeat scroll 0 0;border:1px solid #c4c4c4;clear:both;overflow:hidden;flex-shrink:0}.wrd.webremote .messaging-view .messaging-area .message-list{display:flex;flex-direction:column-reverse;flex:1 1 0;overflow-y:auto;min-height:0;max-height:100%}.wrd.webremote .messaging-view .messaging-area .message-list .message-date{color:#747474;display:block;font-size:12px;margin:0}.wrd.webremote .messaging-view .messaging-area .message-list .message-date .message-icon{max-height:12px}.wrd.webremote .messaging-view .messaging-area .message-list .attachment-container{display:flex;flex-direction:column;width:100%}.wrd.webremote .messaging-view .messaging-area .message-list .attachment-header{display:flex;justify-content:space-between;align-items:center;width:100%}.wrd.webremote .messaging-view .messaging-area .message-list .attachment-filename{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:10px}.wrd.webremote .messaging-view .messaging-area .message-list .attachment-download-button{background:none;border:none;color:inherit;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s;display:flex;align-items:center;justify-content:center;margin-right:5px}.wrd.webremote .messaging-view .messaging-area .message-list .attachment-download-button:hover:enabled{background-color:#0000001a}.wrd.webremote .messaging-view .messaging-area .message-list .attachment-download-button:disabled{opacity:.5;cursor:not-allowed}.wrd.webremote .messaging-view .messaging-area .message-list .attachment-export-button{background:none;border:none;color:inherit;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.wrd.webremote .messaging-view .messaging-area .message-list .attachment-export-button:hover:enabled{background-color:#0000001a}.wrd.webremote .messaging-view .messaging-area .message-list .attachment-export-button:disabled{opacity:.5;cursor:not-allowed}.wrd.webremote .messaging-view .messaging-area .message-list .attachment-download-state{font-style:italic;font-size:11px;margin-top:4px;color:#777}.wrd.webremote .messaging-view .messaging-area .message-list .attachment-download-state:empty{margin-top:0}.wrd.webremote .messaging-view .messaging-area .message-list .attachment-display-img,.wrd.webremote .messaging-view .messaging-area .message-list .attachment-display-video,.wrd.webremote .messaging-view .messaging-area .message-list .attachment-display-audio{margin-top:8px;max-width:100%;box-sizing:border-box}.wrd.webremote .messaging-view .messaging-area .message-list .attachment-display-img img{max-height:480px;max-width:100%;object-fit:contain;display:block}.wrd.webremote .messaging-view .messaging-area .message-list .attachment-display-video video{max-height:480px;max-width:100%;object-fit:contain;display:block}.wrd.webremote .messaging-view .messaging-area .message-list .attachment-display-audio audio{width:100%;display:block}.wrd.webremote .messaging-view .messaging-area .message-list .incoming-message{padding-top:8px;padding-bottom:8px;padding-left:10px}.wrd.webremote .messaging-view .messaging-area .message-list .incoming-message .incoming-message-img{display:inline-block;max-width:6%}.wrd.webremote .messaging-view .messaging-area .message-list .incoming-message .incoming-message-content{display:inline-block;vertical-align:top;width:48%}.wrd.webremote .messaging-view .messaging-area .message-list .incoming-message .incoming-message-content .incoming-message-content-block{background:#ebebeb none repeat scroll 0 0;border-radius:3px;padding:10px 12px;width:100%}.wrd.webremote .messaging-view .messaging-area .message-list .incoming-message .incoming-message-content .incoming-message-content-block .incoming-message-content-block-text{color:#646464;font-size:14px;margin:0;word-wrap:break-word}.wrd.webremote .messaging-view .messaging-area .message-list .incoming-message .incoming-message-content .incoming-message-content-block .incoming-message-content-block-attachment{color:#646464;background-color:#ccc;padding:10px;word-wrap:break-word;margin-top:10px;border-radius:3px}.wrd.webremote .messaging-view .messaging-area .message-list .incoming-message .incoming-message-content .incoming-message-content-block .incoming-message-content-block-text:empty+.incoming-message-content-block-attachment{margin-top:0}.wrd.webremote .messaging-view .messaging-area .message-list .outgoing-message{padding-top:8px;padding-bottom:8px;padding-right:10px}.wrd.webremote .messaging-view .messaging-area .message-list .outgoing-message .outgoing-message-content{float:right;width:46%}.wrd.webremote .messaging-view .messaging-area .message-list .outgoing-message .outgoing-message-content .outgoing-message-content-block{background:#3f51b5 none repeat scroll 0 0;border-radius:3px;padding:10px 12px}.wrd.webremote .messaging-view .messaging-area .message-list .outgoing-message .outgoing-message-content .outgoing-message-content-block .outgoing-message-content-block-text{font-size:14px;margin:0;color:#fff;width:100%;word-wrap:break-word}.wrd.webremote .messaging-view .messaging-area .message-list .outgoing-message .outgoing-message-content .outgoing-message-content-block .outgoing-message-content-block-attachment{color:#646464;background-color:#ccc;padding:10px;word-wrap:break-word;margin-top:10px;border-radius:3px}.wrd.webremote .messaging-view .messaging-area .message-list .outgoing-message .outgoing-message-content .outgoing-message-content-block .outgoing-message-content-block-text:empty+.outgoing-message-content-block-attachment{margin-top:0}.wrd.webremote .messaging-view .messaging-area .messages-header{display:flex;align-items:center;justify-content:space-between;padding:10px 29px 10px 20px;overflow:hidden;border-bottom:1px solid #c4c4c4;flex-shrink:0;gap:15px}.wrd.webremote .messaging-view .messaging-area .messages-header h4{color:#000;font-size:21px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;flex-grow:1}.wrd.webremote .messaging-view .messaging-area .messages-header .messages-actions{display:flex;align-items:center;gap:8px}.wrd.webremote .messaging-view .messaging-area .new-message-area{border-top:1px solid #c4c4c4;position:relative;display:flex;flex-direction:row}.wrd.webremote .messaging-view .messaging-area .new-message-area .msg-text{border:1px #c4c4c4 solid;color:#4c4c4c;font-size:15px;min-height:100px;max-height:200px;resize:vertical;margin:10px;flex:1}.wrd.webremote .messaging-view .messaging-area .new-message-area .msg-send-btn,.wrd.webremote .messaging-view .messaging-area .new-message-area .msg-add-attachment-btn{background:#3f51b5 none repeat scroll 0 0;border:2px solid #3F51B5;color:#fff;cursor:pointer;font-size:17px;width:50px;margin:10px}.wrd.webremote .messaging-view .messaging-area .new-message-area .msg-send-btn:hover:enabled{color:#3f51b5;background:transparent}.wrd.webremote .messaging-view .messaging-area .new-message-area .msg-send-btn:disabled{opacity:.4}.wrd.webremote .messaging-view .messaging-area .new-message-area .msg-add-attachment-btn:hover:enabled{color:#3f51b5;background:transparent}.wrd.webremote .messaging-view .messaging-area .new-message-area .msg-add-attachment-btn:disabled{opacity:.4}.wrd.webremote .messaging-view .messaging-area .attachments-area{border-top:1px solid #c4c4c4;position:relative;display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;padding:10px}.wrd.webremote .messaging-view .messaging-area .attachments-area .attachment-area{display:flex;flex-direction:row;margin:10px;align-items:center;background-color:#f5f5f5;border-radius:4px;box-shadow:0 1px 3px #0000001a;padding:5px;max-width:200px}.wrd.webremote .messaging-view .messaging-area .attachments-area .attachment-area .attachment-icon{margin-right:8px;color:#4a86e8;font-size:16px;display:flex;align-items:center;justify-content:center}.wrd.webremote .messaging-view .messaging-area .attachments-area .attachment-area .attachment-text-state-block{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.wrd.webremote .messaging-view .messaging-area .attachments-area .attachment-area .attachment-text-state-block .attachment-text{color:#646464;padding:0;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.wrd.webremote .messaging-view .messaging-area .attachments-area .attachment-area .attachment-text-state-block .attachment-state{color:#888;font-style:italic;font-size:11px;padding:2px 0 0;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.wrd.webremote .messaging-view .messaging-area .attachments-area .attachment-area .attachment-remove-button{margin-left:8px;color:#d32f2f;cursor:pointer;font-size:14px;border:none;background:none;padding:3px 6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.wrd.webremote .messaging-view .messaging-area .attachments-area .attachment-area .attachment-remove-button:hover{background-color:#d32f2f1a}.wrd.webremote .messaging-view .messaging-area .attachments-area .attachment-area{transition:all .2s ease-in-out}