body #content{background:beige;background:linear-gradient(10deg,#fff 50%,#2a2f33 50%)}body.message-page #content .section-explain{border-top:none;background-color:transparent;box-shadow:none}.window-area{display:flex;width:100%;position:absolute;left:0;top:0;right:0;bottom:0}.right-tabs{background:beige}body.message-page.mobile .page-wrapper,body.message-page.mobile.tablet .page-wrapper{padding-top:20px}body.message-page.mobile .page-wrapper .content,body.message-page.mobile.tablet .page-wrapper .content{margin:0;padding:0}body.message-page.mobile .page-wrapper .content .center-page-content,body.message-page.mobile.tablet .page-wrapper .content .center-page-content{padding:0}body.message-page.mobile .page-wrapper .content .center-page-content .aln-center,body.message-page.mobile.tablet .page-wrapper .content .center-page-content .aln-center{margin-top:0}body.message-page.mobile .page-wrapper .content .center-page-content .aln-center .section-explain,body.message-page.mobile.tablet .page-wrapper .content .center-page-content .aln-center .section-explain{margin:0;padding:0!important}body.message-page.mobile .page-wrapper .content .center-page-content .aln-center .section-explain .message-center-page .window-wrapper,body.message-page.mobile.tablet .page-wrapper .content .center-page-content .aln-center .section-explain .message-center-page .window-wrapper{border-radius:0;height:100vh!important}body.message-page.mobile .page-wrapper .content .center-page-content .aln-center .section-explain .message-center-page .window-wrapper .window-area .chat-area,body.message-page.mobile.tablet .page-wrapper .content .center-page-content .aln-center .section-explain .message-center-page .window-wrapper .window-area .chat-area{height:50vh!important}body.message-page.mobile .page-wrapper .content .center-page-content .aln-center .section-explain .message-center-page .window-wrapper .window-area .chat-area .chat-list,body.message-page.mobile.tablet .page-wrapper .content .center-page-content .aln-center .section-explain .message-center-page .window-wrapper .window-area .chat-area .chat-list{height:100%}body.message-page.mobile .page-wrapper .content .center-page-content .aln-center .section-explain .message-center-page .window-wrapper .window-area .right-tabs,body.message-page.mobile.tablet .page-wrapper .content .center-page-content .aln-center .section-explain .message-center-page .window-wrapper .window-area .right-tabs{height:60vh}body.message-page.mobile .page-wrapper .content .center-page-content .aln-center .section-explain .message-center-page .window-wrapper .window-area .right-tabs .response-focused,body.message-page.mobile.tablet .page-wrapper .content .center-page-content .aln-center .section-explain .message-center-page .window-wrapper .window-area .right-tabs .response-focused{height:calc(100% - 135px)}.new-message-button-wrapper .close-new-message[data-v-e59bd0ce]{color:orange}.new-message-button-wrapper .new-message-button[data-v-e59bd0ce]{position:absolute;left:0;right:0;bottom:0;padding:8px;background:#445166;cursor:pointer}.new-message-button-wrapper .new-message-button>.image[data-v-e59bd0ce]{width:30px;height:30px;float:left;position:relative}.new-message-button-wrapper .new-message-button>.image>i[data-v-e59bd0ce]{position:absolute;top:-2px;right:-2px}.new-message-button-wrapper .new-message-button>.image>img[data-v-e59bd0ce]{width:30px;height:30px;border-radius:30px}.new-message-button-wrapper .new-message-button .user-sec[data-v-e59bd0ce]{color:#8391a1;font-weight:700}.new-message-button-wrapper .new-message-button .user-sec .availability[data-v-e59bd0ce]{display:block;font-weight:700;color:#fff}.message-content-area[data-v-f5d37dd4]{border:none;box-sizing:border-box;background:#f7f7f7;overflow:auto;padding:0;position:relative}.message-content-area .message-viewer-content[data-v-f5d37dd4]{font-family:Courier New,Courier,monospace;font-size:.8rem;color:#000;white-space:pre-wrap;word-break:break-all;overflow-x:auto;width:100%}.message-content-area .text-area-wrapper[data-v-f5d37dd4]{display:flex;flex-direction:column}.message-content-area .text-area-wrapper pre[data-v-f5d37dd4]{margin:0;padding:40px 0;flex:1;overflow:auto;white-space:pre-line}.message-content-area .text-area-wrapper .subject[data-v-f5d37dd4]{background:#95a4c5;color:#5e666d;display:inline-block;font-size:.8rem;font-weight:700;height:38px;line-height:38px;padding:0 8px;position:absolute;width:100%}.message-content-area .text-area-wrapper .content[data-v-f5d37dd4]{display:inline-block;flex:1;padding:8px}.message-content-area .reply-button[data-v-f5d37dd4]{background:#678eae;color:#f5f5f5;display:inline-block;line-height:38px;position:absolute;text-align:center;right:0;top:0;-webkit-user-select:none;user-select:none;vertical-align:middle;width:120px;height:38px}.message-center-page{padding:0}.message-center-page .message-center-toolbar{display:inline-block;float:right}.message-center-page.sent .response-area,.message-center-page.trashed .response-area{display:none}.message-center-page.new-message-center .response-focused{display:block!important;position:absolute;height:100%;left:0;right:0;top:0}.message-center-page.new-message-center .right-tabs{right:0;top:0}.message-center-page.new-message-center .right-tabs .message-content-area{display:none}.message-center-page.new-message-center .right-tabs .response-area{display:block;top:0}.message-center-page.new-message-center .right-tabs .response-area .response-context{border:1px solid rebeccapurple;padding:0 10px;width:100%}.message-center-page.new-message-center .right-tabs .response-area .response-context::placeholder{color:#777575}.message-center-page.new-message-center .right-tabs .response-area .response-content{border:1px solid rebeccapurple;height:calc(100% - 40px);width:100%}.avatar-user{background-position:center top;background-repeat:no-repeat;display:block;height:32px;width:32px;border-radius:8px;filter:grayscale(.2);opacity:.8}.trash{color:#a7815f}.chat-list .me.selected{border:#312727 1px dashed;background:#e9f1c8!important}.chat-list .unread-email{font-weight:900}.chat-list .read-email .avatar-user{filter:grayscale(1);opacity:.25}.icon-message-center{float:right}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:0;font:inherit;width:20rem;padding:1rem 4rem 1rem 1rem;background:var(--arrow-icon) no-repeat right .8em center/1.4em,linear-gradient(to left,var(--arrow-bg) 3em,var(--select-bg) 3em);color:#fff;border-radius:.25em;box-shadow:0 0 1em #0003;cursor:pointer}select::-ms-expand{display:none}select:focus{outline:none}select option{color:inherit;background-color:var(--option-bg)}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}.main-vue-app{font-family:Open Sans,Arial,sans-serif;font-size:12px;color:#333f4d}.section-explain{padding:10px 0}.dots{float:left;width:50px}.dots>i{margin-right:2px}.dots>i:nth-child(1){color:#f57e7d}.dots>i:nth-child(2){color:#ffc881}.dots>i:nth-child(3){color:#82cf85}.expand>i{color:#cfd6e0;font-size:18px;cursor:pointer}.window-wrapper{width:100%;margin:0;border-radius:6px;box-shadow:0 0 6px #0000004d;overflow:hidden;min-height:calc(100vh - 280px);position:relative}.window-wrapper .window-area{width:100%;left:0;top:0;right:0;bottom:0}.window-wrapper .window-area .panel-message-1.conversation-list{box-sizing:border-box;background:#505d71}.window-wrapper .window-area .panel-message-1.conversation-list ul li.active a{background:#283141;color:#fff}.window-wrapper .window-area .panel-message-1.conversation-list ul li a{padding:15px;color:#bcc3d0;text-decoration:none;display:block;position:relative;border-bottom:2px solid #586476;transition:all .2s linear}.window-wrapper .window-area .panel-message-1.conversation-list ul li a i{color:#79889d;font-size:1.2em}.window-wrapper .window-area .panel-message-1.conversation-list ul li a i.fa-times{position:absolute;top:19px;right:21px;font-size:10px}.window-wrapper .window-area .panel-message-1.conversation-list ul li a span{color:#f0f8ff;display:inline-block;margin-left:14px}.window-wrapper .window-area .panel-message-1.conversation-list ul li a:hover{background:#445166;color:#fff}.window-wrapper .window-area .panel-message-1.conversation-list .online{color:#82cf85}.window-wrapper .window-area .panel-message-1.conversation-list .idle{color:#ffac69}.window-wrapper .window-area .panel-message-1.conversation-list .offline{color:#f57e7d}.window-wrapper .window-area .panel-message-2.chat-area{background:#e8e2e2;border-top:1px solid #cfdae1;box-shadow:inset 0 1px 3px #cfdae16b}.window-wrapper .window-area .panel-message-2.chat-area .title{padding:10px;overflow:hidden;line-height:15px;font-weight:900;color:gray;position:relative}.window-wrapper .window-area .panel-message-2.chat-area .title .fa-search{font-size:14px;float:right;color:#a8bbc6;cursor:pointer}.window-wrapper .window-area .panel-message-2.chat-area .chat-list{border-top:1px solid #cfdae1;border-bottom:1px solid #cfdae1;height:calc(100% - 32px);overflow-x:hidden;overflow-y:auto;outline:none}.window-wrapper .window-area .panel-message-2.chat-area ul>li{background:#eaeced;border-top:1px solid #cfdae1;margin:0;overflow:hidden;position:relative;width:100%}.window-wrapper .window-area .panel-message-2.chat-area .me:nth-child(odd){background:#cad0d5}.window-wrapper .window-area .panel-message-2.chat-area ul .user-sec{position:relative;text-align:right;color:#5d7185}.window-wrapper .window-area .panel-message-2.chat-area ul .message{border-left:1px solid #cfdae1;float:left;color:#333f4d;vertical-align:middle}.window-wrapper .window-area .panel-message-2.chat-area ul .message>p{line-height:50px}.window-wrapper .window-area .panel-message-2.chat-area .chat-list{border-top:1px solid #cfdae1;border-bottom:1px solid #cfdae1;overflow-x:hidden;overflow-y:auto;outline:none}.window-wrapper .window-area .panel-message-2.chat-area .chat-list>div>.jspPane{margin-left:0!important}.window-wrapper .window-area .panel-message-2.chat-area ul>li{border-top:1px solid #cfdae1;overflow:hidden;position:relative}.window-wrapper .window-area .panel-message-2.chat-area .me:nth-child(odd){background:#e4eaee}.window-wrapper .window-area .panel-message-2.chat-area ul .user-sec{position:relative;text-align:right;float:left;color:#5d7185;line-height:20px}.window-wrapper .window-area .panel-message-2.chat-area ul .message{border-left:1px solid #cfdae1;color:#333f4d}.window-wrapper .window-area .panel-message-2.chat-area ul .message>p{line-height:20px}.window-wrapper .window-area .panel-message-2.chat-area ul .message>p>.blue-label{background:#6ea0ff;color:#fff;padding:2px 5px;border-radius:3px}.window-wrapper .window-area .panel-message-2.chat-area ul .message .msg-time{color:#738ba3;font-size:9px}.window-wrapper .window-area .panel-message-3.right-tabs{overflow:hidden;border-left:1px solid #cfdae1;border-top:1px solid #cfdae1}.window-wrapper .window-area .panel-message-3.right-tabs>ul.tabs{overflow:hidden}.window-wrapper .window-area .panel-message-3.right-tabs>ul.tabs>li{float:left;width:33.3%;text-align:center;border-bottom:1px solid #cfdae1}.window-wrapper .window-area .panel-message-3.right-tabs>ul.tabs>li>a{border-left:1px solid #cfdae1;color:#72a3ff;display:block;background:#eef2f8;padding:8px 0;transition:background .2s linear}.window-wrapper .window-area .panel-message-3.right-tabs>ul.tabs>li>a:hover{background:#dde5f1}.window-wrapper .window-area .panel-message-3.right-tabs>ul.tabs>li.active{border-bottom:none}.window-wrapper .window-area .panel-message-3.right-tabs>ul.tabs>li.active>a{background:#fff;color:#c3ccd3}.window-wrapper .window-area .panel-message-3.right-tabs>ul.tabs>li:first-child>a{border-left:none}.window-wrapper .window-area .panel-message-3.right-tabs>ul.tabs>li>a>i{font-size:18px}.window-wrapper .window-area .panel-message-3.right-tabs>.fa-cog{position:absolute;bottom:14px;right:14px;color:#a0b4c0;font-size:18px;cursor:pointer}.window-wrapper .window-area .view-message-focused{height:100%}.window-wrapper .window-area .response-focused{display:none}.window-area-empty{display:flex;width:100%;position:absolute;left:0;top:0;right:0;bottom:0}.window-area-empty .global-message{position:absolute;left:0;height:100%;text-align:center;width:100%;display:flex;align-items:center;justify-content:center}.window-area-empty .global-message span{display:block;flex:auto;font-size:20px;font-weight:900;color:#836a6a;width:100%}.member-list>li{padding:5px 0}.member-list>li .status{margin:0 10px 0 0;font-size:14px}.member-list>li .status.online{color:#82cf85}.member-list>li .status.idle{color:#ffac69}.member-list>li .status.offline{color:#f57e7d}.member-list>li .time{float:right;font-size:9px;margin-top:4px}.jspDrag{background:#a1afc4;border-radius:10px}.jspVerticalBar{width:7px}.message-center-toolbar .loader-wrapper{background:#94ae87;display:inline-block;width:100%;pointer-events:none;height:100%;top:0;position:absolute;left:0;z-index:0}.message-center-toolbar .loader-wrapper .pre-loader{display:inline-block}.message-center-toolbar .loader-wrapper .pre-loader{width:12px;height:12px;border-radius:50%;display:block;margin:12px auto;position:relative;color:#fff;box-sizing:border-box;animation:animloader 2s linear infinite}@keyframes animloader{0%{box-shadow:14px 0 0 -2px,38px 0 0 -2px,-14px 0 0 -2px,-38px 0 0 -2px}25%{box-shadow:14px 0 0 -2px,38px 0 0 -2px,-14px 0 0 -2px,-38px 0 0 2px}50%{box-shadow:14px 0 0 -2px,38px 0 0 -2px,-14px 0 0 2px,-38px 0 0 -2px}75%{box-shadow:14px 0 0 2px,38px 0 0 -2px,-14px 0 0 -2px,-38px 0 0 -2px}to{box-shadow:14px 0 0 -2px,38px 0 0 2px,-14px 0 0 -2px,-38px 0 0 -2px}}