@import"https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700";.noSelect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.message-wrapper{margin:22px 0 30px;float:left;width:100%}.msg-row .el-row{padding:6px 10px;border-left:4px solid #fff}.msg-row .el-row.active{background:#f5f5f5 !important;border-left:4px solid #1e88e5}.msg-head-contact p{float:left;width:100%}.msg-head-contact p{float:left;width:100%}.msg-head-contact i{width:18px;float:left;margin-top:3px}.msg-head-contact span{width:calc(100% - 18px);float:right}.msg-info h4{margin:0 0 6px;font-size:16px;font-weight:600}.msg-left-main{position:relative}.msg-left .btn-msg-composs{width:36px;height:36px;padding:0 !important;margin-top:2px}body{background:#fff}.ellipsis{display:inline-block;width:180px;white-space:nowrap;overflow:hidden !important;text-overflow:ellipsis}.msg-add-user{width:36px;height:36px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;float:left}.msg-add-user .avatar{background:#979ba3;border-radius:50%;display:inline-block;width:36px;height:36px;position:relative;margin-top:6px}.msg-head-content{width:calc(100% - 36px);float:right;padding-left:10px}.msg-head-content span{display:block;color:#868585;margin-bottom:5px;font-size:12px}.msg-head-content p{font-size:13px;margin-bottom:0}.msg-head-content h5{color:var(--secndary);font-weight:800;margin:5px 0 3px;font-size:13px;text-transform:lowercase}.msg-send-time{color:#868585;font-size:11px;text-align:right;margin-top:3px;display:inline-block}.msg-row{border-bottom:1px solid #dbe1ec}.msg-row.read{background:#eef4ff}.data-bg{padding:0}.msg-left-main{background:#fff}.msg-left-main .msg-right-scroll{height:415px}.msg-right-main .head .chat-user-avatar .user-status{width:14px;height:14px;bottom:0;top:auto;right:-2px}.msg-left{padding:15px;background:#061838;height:60px}.msg-left h4{font-size:18px;margin:7px 0 0;color:#fff;display:inline-block}.msg-left .result{margin:5px 0 0 3px;color:#fff;background:#1272c7;display:inline-block;border-radius:3px;text-align:center;line-height:24px;padding:0 5px;font-size:12px}.btn-msg-composs{float:right}.chat-row{background:#fff;position:relative;float:left;padding:6px 12px;border-radius:4px;line-height:20px;margin:25px 0 0 14%;font-weight:100}.chat-row.admin .msg-send-time{color:#9ecdf7}.chat-user-avatar{border-radius:50%;display:inline-block;width:36px;height:36px;position:absolute;left:-45px;top:-8px}.message-main{background:#fff}.msg-right-main{background:#dfeaf7;position:relative}.msg-right-main .head{background:#eaeef3;height:70px;padding:12px 30px;border-bottom:1px solid #e8e8e8}.msg-right-main .head .right{text-align:right}.msg-right-main .head h5{font-weight:600;margin:0 0 2px 0;font-size:18px}.msg-right-main .head .chat-user-avatar{top:0;position:relative;left:0}.msg-right-main .name{padding-left:3%}.msg-right-main .name span{color:#868585;font-size:13px}.chat-row.user .chat-user-avatar{right:-45px;left:auto}.msg-send-time .icon-double-tick{font-size:13px;margin:0 0 0 2px;position:relative;top:3px}.msg-send-time .icon-double-tick.complete{color:#22be22}.msg-filter{background:#def0ff;border-bottom:1px solid #e8e8e8;padding:15px;position:absolute !important;z-index:1}.msg-filter .el-range-input{background:transparent;color:#fff;text-align:left !important;padding-left:10px !important}.msg-filter .el-range-input::placeholder{color:#737373}.msg-filter .el-input__inner{border:1px solid #737373;color:#fff !important}.msg-filter .el-input__inner::placeholder{color:#737373}.msg-filter .el-range-separator{color:#061838;line-height:40px}.msg-filter .el-date-editor .el-range__icon{color:#737373;line-height:40px}.pr-15{padding-right:15px}.chat-row.user{background:#fff;border:1px solid #e6e5e5;border-radius:8px 0 8px 8px}.chat-row.admin{border:1px solid #1272c7;background:#1e88e5;border-radius:0 8px 8px 8px;color:#fff}.chat-row.admin .msg-reply-wrapper .msg-send-time{color:#868585}.msg-send-btn{width:42px;height:42px;font-size:16px !important;margin:6px 15px 0 0;padding:0 !important}.msg-right-scroll{height:448px;overflow-y:auto;float:left;width:100%}.msg-left .icon-filter{background:var(--secondary-color);color:#fff;border:0;height:40px;width:auto;border-radius:4px;line-height:44px;margin-right:15px}.read-info{position:absolute !important;background:#fff;width:100%;height:100%;top:0;z-index:1;padding:20px;display:none}.info-close{font-size:22px}.msg-right-side{background:#fff}.msg-right-side .top{padding:15px 15px 0}.msg-right-side .head .top span{color:#868585;margin-bottom:20px;display:inline-block;font-size:13px}.msg-right-side .head .top h5{margin:15px 0 3px}.msg-info.delivered,.msg-info.read{padding:15px;border-top:1px solid #dbe1ec}.msg-info.delivered span,.msg-info.read span{float:left;margin:6px 5px 0 0;padding:8px 6px 8px;font-size:11px;border-radius:4px;height:30px}.msg-info .delivered h4,.msg-info .read h4{margin:0 0 15px}.msg-info.delivered span{background:#eef4ff;border:1px solid #cbdcfd}.msg-head-contact{border-top:1px solid #dbe1ec;padding:10px 15px;font-size:12px}.msg-head-contact p:first-child{margin-bottom:8px}.chat-owner-avatar .icon-user-1{color:#868585;font-size:80px;margin-bottom:0;height:80px;margin-top:5px}.msg-row .icon-user-1,.chat-row .icon-user-1{font-size:32px;color:#868585}.msg-info.delivered span .icon-success{color:#22be22;font-size:12px;margin:0 0 0 5px}.chat-row .user-name{padding-right:12px}.msg-info{max-height:330px;overflow-y:auto}.el-button.msg-reply-btn{background:none !important;color:#000 !important;padding:0 !important;font-size:10px !important;font-weight:normal;border:0;text-decoration:underline}.msg-reply-wrapper{width:90%;background:#dfeaff;padding:10px;border-radius:6px;word-break:break-word;color:#000;line-height:1.5;margin:10px 0 5px;font-size:12px;font-weight:400}.msg-reply-wrapper .msg-send-time{font-size:11px}.chat-row.admin.forward-msg{border:1px solid #90bfe8;background:#9dc9f0}.chat-row.admin.forward-msg .msg-send-time{color:#315a7e}.chat-row.admin.forward-msg p{color:#000}.chat-row.admin.forward-msg .msg-reply-wrapper .msg-send-time{color:#868585}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ddd;border-radius:50px}::-webkit-scrollbar-thumb:hover{background:#ddd}@media(min-width: 992px){.msg-left{padding:10px 15px}.msg-filter .text-search{margin-bottom:15px}.chat-row.admin{max-width:80%;min-width:25%}.chat-row.user{max-width:80%;float:right;margin-right:13%}.msg-textarea{padding:10px;background:#fff;margin-top:30px}.msg-left{border-radius:6px 0 0 0}.msg-textarea .msg-btn{padding-left:10px}.msg-left-main{border-right:1px solid #e8e8e8}.message-main,.msg-left-main,.msg-right-main,.msg-right-side{height:550px}}@media(max-width: 991px){.msg-left,.msg-filter,.msg-row{padding:15px}.msg-filter .text-search{margin-bottom:15px}.chat-row.admin{max-width:82%}.chat-row.user{max-width:100%;text-align:right}.msg-head-right{padding:20px 0 0 8%}.msg-left-main .btn-prev,.msg-left-main .btn-next{float:left;margin-bottom:15px !important}.msg-left-main .el-pager li{margin-bottom:15px !important}.msg-left-main .el-pagination{white-space:normal}.msg-right-side{margin-bottom:15px}.msg-textarea{padding:10px}.msg-textarea textarea{padding:5px !important}}.msg-send-time p{display:inline-block;margin:0 0 0 5px;background:#ff9100;border-radius:6px;color:#fff;padding:2px 5px;font-size:12px}@media(min-width: 1024px)and (max-width: 1279px){.msg-right-main.lap-screen,.msg-left-main.lap-screen,.msg-right-side.lap-screen{width:100%}.msg-right-side.lap-screen{margin:20px 0}}.msg-filter .el-date-editor .el-range-separator{width:20% !important;line-height:40px}.text-left{text-align:left !important}.icon-input .el-select__tags{padding-left:38px}/*# sourceMappingURL=main.css.map */