.conversation-list .conversation{border-bottom:1px solid #e1e1e0;padding:15px 20px 13px 10px;position:relative}.conversation-list .conversation.active{background-color:#e0f5fa}.conversation-list .conversation a:active{color:#000}.conversation-list .conversation .status{float:left;margin-top:19px;margin-right:4px;margin-left:-5px;padding:5px}.conversation-list .conversation .status .bullet{display:block;height:0;width:0;border:4px solid #dcdcdc;border-radius:4px;-webkit-transition:border-color .2s linear;transition:border-color .2s linear}.conversation-list .conversation .status.unread+router-link .text{font-weight:600}.conversation-list .conversation .status.unread .bullet{border-color:#82ba28}.conversation-list .conversation .status:hover .bullet{border-color:#8ca6bd}.conversation-list .conversation .date{float:right;padding-top:4px;font-size:12.0000001px;padding-right:3px}.conversation-list .conversation .participants-names{font-weight:600;overflow:hidden;padding-top:3px}.conversation-list .conversation .message-body{overflow:hidden}.conversation-list .conversation .icon-calendar{position:absolute;left:61px;top:54px}.conversation-list .conversation .text{font-size:12.0000001px;line-height:15.0000001px;padding-right:10px;margin-top:1px}.conversation-list .conversation .user-image{float:left;margin-right:14px}@media (max-width:480px){.conversation-list .conversation .icon-calendar,.conversation-list .conversation .status,.conversation-list .conversation .user-image{display:none}.conversation-list .conversation .date{float:none;padding:none}}

.messaging.page{height:100%
}
.messaging.page .messaging{height:100%;overflow:hidden
}
.messaging.page .row-fluid{height:calc(100% - 61px);-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff
}
.messaging.page .conversations{width:33.95%;float:left;height:100%;overflow:hidden;position:relative
}
.messaging.page .conversations .search{border-bottom:1px solid #e1e1e0;font-size:15.0000004px;font-weight:300;padding:13px 28px 6px;position:relative
}
.messaging.page .conversations .search input{height:38px;line-height:38px;padding-left:9px
}
.messaging.page .conversations .search .title{font-size:15.0000004px;padding:8px 0 13px;display:inline-block
}
.messaging.page .conversations .search .unread-filter{color:#000;font-size:12px;margin-left:10px
}
.messaging.page .conversations .search .unread-filter span{text-decoration:underline
}
.messaging.page .conversations .search .unread-filter.active .filter-unread,.messaging.page .conversations .search .unread-filter:not(.active) .filter-all{font-weight:600
}
.messaging.page .conversations .refresh{position:absolute;right:7px;top:23px
}
.messaging.page .conversations .refresh i.spin{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite
}
.messaging.page .conversations .load-more{padding:30px
}
@media (max-width:480px){
.messaging.page .conversations .search .title{display:none
}
.messaging.page .conversations .search .unread-filter{margin:0
}
}
.messaging-event-link{margin:5px 0 27px}.messaging-event-link>span,.messaging-event-link a{display:block;padding:5px 9px 6px;border:1px solid;border-radius:1px}.messaging-event-link a{color:#036276;background:#82d9ed;border-color:#068dab}.messaging-event-link a .icon-link:before{color:#068dab;font-size:16px;line-height:16px;margin-right:8px}.messaging-event-link a .icon-arrow-right-slim{float:right;margin-top:3px}.messaging-event-link span.workout-removed{background:#ccc;border-color:#d2d2c8}
.messaging-backdrop .messaging-compose.highlight,.messaging .reply.highlight{background-color:#e0f5fa!important}.messaging-backdrop .messaging-compose.over,.messaging .reply.over{background-color:#9dbad4!important}.messaging-backdrop .messaging-compose.highlight,.messaging-backdrop .messaging-compose.over,.messaging .reply.highlight,.messaging .reply.over{border-color:#ccc}.messaging-backdrop .messaging-compose.highlight textarea,.messaging-backdrop .messaging-compose.over textarea,.messaging .reply.highlight textarea,.messaging .reply.over textarea{opacity:.4}.messaging-backdrop .messaging-compose.highlight .drop-helper,.messaging-backdrop .messaging-compose.over .drop-helper,.messaging .reply.highlight .drop-helper,.messaging .reply.over .drop-helper{display:block!important}.messaging-backdrop .messaging-compose .files,.messaging .reply .files{position:absolute;left:80px}.messaging-backdrop .messaging-compose .files .file-list,.messaging .reply .files .file-list{display:inline-block;vertical-align:middle;max-height:55px;overflow:hidden;overflow-y:overlay;padding:1px 20px 1px 0}.messaging-backdrop .messaging-compose .files .file-list>*,.messaging .reply .files .file-list>*{display:block;text-align:right}.messaging-backdrop .messaging-compose .files .file-list>* .doc,.messaging-backdrop .messaging-compose .files .file-list>* .download,.messaging-backdrop .messaging-compose .files .file-list>* .play,.messaging-backdrop .messaging-compose .files .preview,.messaging .reply .files .file-list>* .doc,.messaging .reply .files .file-list>* .download,.messaging .reply .files .file-list>* .play,.messaging .reply .files .preview{display:none}.messaging-backdrop .messaging-compose .files .upload,.messaging .reply .files .upload{display:inline-block;vertical-align:middle}.messaging-backdrop .messaging-compose .files .drop-helper,.messaging .reply .files .drop-helper{position:fixed;width:100%;right:0;text-align:center;top:200px;font-size:18px;display:none}.messaging-backdrop .messaging-compose .files .file-button,.messaging .reply .files .file-button{display:none}.messaging .reply .files .drop-helper{width:66%;top:inherit;bottom:102px}

.conversation-details{width:65.95%;float:left;border-left:1px solid #adadaa;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;overflow:auto;position:relative
}
.conversation-details .title{position:fixed;border-bottom:1px solid #bbbbb2;font-size:15.0000004px;background:#fff;width:100%;z-index:100;font-weight:300;padding:20px 26px;-webkit-box-shadow:0 2px 4px #ddd;box-shadow:0 2px 4px #ddd
}
.conversation-details .title a:active,.conversation-details .title a:link{text-decoration:underline
}
.conversation-details .title a:hover{text-decoration:none
}
.conversation-details .title .participants-list{text-decoration:underline;position:absolute;padding-left:4px;display:inline-block
}
.conversation-details .title .participants-list .users{opacity:0;visibility:hidden;-webkit-transition:opacity .2s linear;transition:opacity .2s linear;width:223px;right:-88px;top:27px
}
.conversation-details .title .participants-list:hover .users{opacity:1;visibility:visible
}
.conversation-details .title .leave{position:fixed;right:25px;margin-top:-4px
}
.conversation-details .spinner-loading{display:none
}
.conversation-details .spinner-loading .spinner-centered{top:inherit
}
.conversation-details .messages{padding:75px 27px 165px
}
.conversation-details .messages .message{margin-bottom:21px
}
.conversation-details .messages .message .user-image{margin-right:13px;float:left
}
.conversation-details .messages .message.state{color:#444
}
.conversation-details .messages .message.state .text{text-align:center
}
.conversation-details .messages .message .date,.conversation-details .messages .message .participants-names{display:inline-block
}
.conversation-details .messages .message .participants-names{font-size:13px;font-weight:600;margin-right:8px
}
.conversation-details .messages .message .date{font-size:9.9999999px;color:#444
}
.conversation-details .messages .message .attachments{margin:6px 0 0 52px
}
.conversation-details .messages .message .attachments .attachment{margin:6px 0
}
.conversation-details .messages .message .attachments .attachment.type-image{margin-bottom:15px
}
.conversation-details .messages .message .attachments .doc{display:inline-block;border:2px solid #d2d2c8;width:36px;height:36px;border-radius:50%;margin-right:4px;text-align:center;vertical-align:middle
}
.conversation-details .messages .message .attachments .doc i:before{color:#666
}
.conversation-details .messages .message .attachments .doc i.icon-attach{margin-bottom:-20px
}
.conversation-details .messages .message .attachments .doc i.icon-attach:before{font-size:25px
}
.conversation-details .messages .message .attachments .doc i.icon-play{margin-bottom:-20px;margin-right:-4px
}
.conversation-details .messages .message .attachments .doc i.icon-play:before{font-size:20px
}
.conversation-details .messages .message .attachments a>span{text-decoration:underline
}
.conversation-details .messages .message .attachments img{max-height:200px;margin:8px 0
}
.conversation-details .messages .message .attachments strong{font-size:12.0000001px;margin-right:4px
}
.conversation-details .messages .message .attachments .play{margin-left:8px
}
.conversation-details .messages .message .attachments .play .icon-play{margin-top:-1px
}
.conversation-details .messages .message .attachments .play .icon-play:before{font-size:12px
}
.conversation-details .messages .message .attachments .download{margin-left:8px
}
.conversation-details .messages .message .attachments .download .icon-download{margin-top:-3px
}
.conversation-details .messages .message .attachments .download .icon-download:before{font-size:16px
}
.conversation-details .messages .message .text{font-size:13px;line-height:1.4;overflow:hidden;margin-top:-2px
}
.conversation-details .messages .message .text img.emoji{height:20px
}
.conversation-details .messages .message .text p{margin-bottom:10px;line-height:1.4
}
.conversation-details .messages .message .text p:last-child{margin-bottom:0
}
.conversation-details .messages .message .text a{color:#82ba28
}
.conversation-details .messages .reply{position:fixed;padding:21px 21px 21px 23px;border:4px dashed #fff;width:63%;width:calc(65.95% - 20px);bottom:0;right:20px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box
}
.conversation-details .messages .reply .message{margin-bottom:2px
}
.conversation-details .messages .reply .input-max{overflow:hidden
}
.conversation-details .messages .reply textarea{height:82px;resize:none
}
.conversation-details .messages .reply .files{left:75px
}
@media (max-width:480px){
.conversation-details .title{position:relative
}
.conversation-details .title .leave{display:none
}
.conversation-details .messages{padding:20px 10px
}
.conversation-details .messages .reply{position:relative;width:100%;right:inherit;padding:0;margin-bottom:50px
}
.conversation-details .messages .reply .user-image{display:none
}
.conversation-details .messages .reply .files{left:0
}
.conversation-details .messages .reply .files .fake-file-button{font-size:0
}
}

/*# sourceMappingURL=21.4c611.css.map*/