.comm-dialog{border:1px solid;padding:15px}chat-index .chat-index-wrapper{max-width:1200px;display:flex;flex:1;justify-content:center}.chat-channel-info,.chat-channel-participant-settings,.chat-channel-settings,.chat-complaint-form,.chat-message-box,.chat-room-form,.chat-room-invitations,chat-index .chat-channel-browser{float:left}chat-index .center-message-box{justify-content:center}@media only screen and (max-width:991px){chat-index .hidden-element{display:none}.chat-channel-info,.chat-channel-participant-settings,.chat-channel-settings,.chat-complaint-form,.chat-message-box,.chat-room-form,.chat-room-invitations,chat-index .chat-channel-browser{width:100%}}@media only screen and (min-width:992px){chat-index .chat-channel-browser{margin-right:30px;width:350px}.chat-channel-info,.chat-channel-participant-settings,.chat-channel-settings,.chat-complaint-form,.chat-room-form,.chat-room-invitations,chat-index .chat-message-box{width:500px}}@media only screen and (min-width:1200px){chat-index .chat-channel-browser{margin-right:30px;width:400px}chat-index .chat-message-box{margin-right:15px}}chat-info .info-box{background-color:#f7f7f7;box-shadow:-5px 10px 10px 10px rgba(0,0,0,.5);z-index:100}chat-info .info-title{background-color:#ccdbe3}chat-info .info-title:hover{cursor:pointer}chat-info .info-content{max-height:0;transition:max-height .15s ease-out;overflow:hidden;background:#f7f7f7;color:#000}chat-info .info-content span{margin:50px 0}chat-info .info-content-expanded{max-height:500px;transition:max-height .25s ease-in}chat-info .unread-channels-count{background-color:darkred;border-radius:.8em;-moz-border-radius:.8em;-webkit-border-radius:.8em;color:#fff;display:inline-block;font-weight:bold;line-height:1.2em;margin-right:5px;text-align:center;width:1.2em}chat-info .info-element{margin:10px}@media only screen and (max-width:768px){chat-info .info-box{position:fixed;bottom:0;right:10px;left:10px}chat-info .info-element a{width:100%}}@media only screen and (min-width:769px){chat-info .info-box{position:fixed;bottom:0;right:10px;width:250px}}chat-unauthorized a{color:#00008b}chat-channel-browser .channel-browser{background-color:#f7f7f7;color:#a9a9a9}chat-channel-browser .channel-browser hr{margin:0}chat-channel-browser .channel-browser-headline{color:#000;cursor:pointer}chat-channel-browser .channel-filter{background-color:#eee;padding:13px 10px;margin:0}chat-channel-browser .channel{padding:0;margin:0;cursor:pointer}chat-channel-browser .channel:hover{filter:brightness(90%)}chat-channel-browser .has-new-messages{color:#000}chat-channel-browser .channel h5{margin:0}chat-channel-browser .channel-info{padding:10px 0}chat-channel-browser .channel-info h5{font-weight:bold;word-break:break-all}chat-channel-browser .message-preview{padding:0 0 10px}chat-channel-browser .scroll-area{overflow:auto;display:flex;height:calc(100vh - 290px)}chat-channel-browser .scroll-area ul{padding:0;margin:0;width:100%}chat-channel-browser .scroll-area ul li{list-style:none;width:100%}chat-channel-browser .load-more{margin:10px 0 0;padding:0;cursor:pointer}chat-channel-browser .channel-icon{position:relative;display:inline-block}chat-channel-browser .channel-icon-tooltip{visibility:hidden;width:120px;background-color:grey;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;top:-5px;right:110%}chat-channel-browser .channel-icon-tooltip:after{content:"";position:absolute;top:50%;left:100%;margin-top:-5px;border-width:5px;border-style:solid;border-color:transparent transparent transparent grey}chat-channel-browser .channel-icon:hover .channel-icon-tooltip{visibility:visible;cursor:default}chat-channel-browser .status-icon{position:relative;display:inline-block}chat-channel-browser .status-icon-tooltip{visibility:hidden;width:120px;background-color:grey;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;top:-5px;left:110%}chat-channel-browser .status-icon-tooltip:after{content:"";position:absolute;top:50%;right:100%;margin-top:-5px;border-width:5px;border-style:solid;border-color:transparent grey transparent transparent}chat-channel-browser .status-icon:hover .status-icon-tooltip{visibility:visible;cursor:default}chat-channel-browser .channel-type{display:block;float:right;margin:0;padding:0}chat-channel-browser .channel-type span{margin:0}chat-channel-browser .circle-green{color:#3cb583}chat-channel-browser .selected-channel{background-color:#edf2fa}chat-channel-browser .room-invitations-number{color:red}@media only screen and (max-width:768px){chat-channel-browser .channel-browser-wrapper{margin:0;padding:0}chat-channel-browser .channel-browser{margin-top:-15px}}chat-channel-info .info-header{border-bottom:2px solid gray;background-color:#f7f7f7;color:#000;font-weight:bold}chat-channel-info .info-title{padding-top:10px;padding-bottom:10px}chat-channel-info .info-header .row{margin:0}chat-channel-info .back-button{padding-right:20px}chat-channel-info .channel-info{position:relative;padding:0;border-right:5px solid #f7f7f7;border-left:5px solid #f7f7f7}chat-channel-info .channel-info-content{padding:0}chat-channel-info .channel-info-content .form-group{margin:20px 5px 5px}chat-channel-info .scroll-area{overflow:auto;height:calc(100vh - 260px)}chat-channel-info .submit-area{padding:15px;margin:0;background-color:#f7f7f7}chat-channel-info .basic-info{margin:15px}@media only screen and (min-width:992px){chat-channel-info .back-button{display:none}}@media only screen and (min-width:2000px){chat-channel-info .info-header{margin-right:-15px}}@media only screen and (max-width:1199px){chat-channel-info .info-header{margin-right:0}}@media only screen and (min-width:2000px){.channel-info,chat-channel-info .info-header{margin-right:-15px}}@media only screen and (max-width:1199px){.channel-info,chat-channel-info .info-header{margin-right:0}}@media only screen and (max-width:991px){.channel-info,chat-channel-info .info-header{margin:0}chat-channel-info .btn-success{margin-top:10px}chat-channel-info .info-title{padding-top:5px;padding-bottom:5px}chat-channel-info .scroll-area{height:calc(100vh - 197px)}}@media only screen and (max-width:767px){chat-channel-info .info-header{margin-top:-15px}chat-channel-info .channel-info,chat-channel-info .info-header{margin-left:-15px;margin-right:-15px}chat-channel-info .scroll-area{height:calc(100vh - 182px)}}chat-channel-settings .settings-header{border-bottom:2px solid gray;background-color:#f7f7f7;color:#000;font-weight:bold}chat-channel-settings .settings-title{padding-top:10px;padding-bottom:10px}chat-channel-settings .settings-header .row{margin:0}chat-channel-settings .back-button{padding-right:20px}chat-channel-settings .mute-notifications{margin-left:20px}chat-channel-settings .channel-settings{position:relative;padding:0;border-right:5px solid #f7f7f7;border-left:5px solid #f7f7f7}chat-channel-settings .channel-settings-content{padding:0}chat-channel-settings .channel-settings-content .form-group{margin:20px 5px 5px}chat-channel-settings .scroll-area{overflow:auto;height:calc(100vh - 260px)}chat-channel-settings .submit-area{padding:15px;margin:0;background-color:#f7f7f7}@media only screen and (min-width:992px){chat-channel-settings .back-button{display:none}}@media only screen and (min-width:2000px){chat-channel-settings .settings-header{margin-right:-15px}}@media only screen and (max-width:1199px){chat-channel-settings .settings-header{margin-right:0}}@media only screen and (min-width:2000px){.channel-settings,chat-channel-settings .settings-header{margin-right:-15px}}@media only screen and (max-width:1199px){.channel-settings,chat-channel-settings .settings-header{margin-right:0}}@media only screen and (max-width:991px){.channel-settings,chat-channel-settings .settings-header{margin:0}chat-channel-settings .btn-success{margin-top:10px}chat-channel-settings .settings-title{padding-top:5px;padding-bottom:5px}chat-channel-settings .scroll-area{height:calc(100vh - 197px)}}@media only screen and (max-width:767px){chat-channel-settings .settings-header{margin-top:-15px;margin-left:-15px;margin-right:-15px}chat-channel-settings .channel-settings{margin-left:-15px;margin-right:-15px}chat-channel-settings .scroll-area{height:calc(100vh - 182px)}}chat-channel-participant-settings .settings-header{border-bottom:2px solid gray;background-color:#f7f7f7;color:#000;font-weight:bold}chat-channel-participant-settings .settings-title{padding-top:10px;padding-bottom:10px}chat-channel-participant-settings .settings-header .row{margin:0}chat-channel-participant-settings .back-button{padding-right:20px}chat-channel-participant-settings .channel-participant-settings{position:relative;padding:0;border-right:5px solid #f7f7f7;border-left:5px solid #f7f7f7}chat-channel-participant-settings .channel-participant-settings-content{padding:0}chat-channel-participant-settings .channel-participant-settings-content .form-group{margin:20px 5px 5px}chat-channel-participant-settings .scroll-area{overflow:auto;height:calc(100vh - 260px)}chat-channel-participant-settings .submit-area{padding:15px;margin:0;background-color:#f7f7f7}@media only screen and (min-width:992px){chat-channel-participant-settings .back-button{display:none}}@media only screen and (min-width:2000px){chat-channel-participant-settings .settings-header{margin-right:-15px}}@media only screen and (max-width:1199px){chat-channel-participant-settings .settings-header{margin-right:0}}@media only screen and (min-width:2000px){.channel-settings,chat-channel-participant-settings .settings-header{margin-right:-15px}}@media only screen and (max-width:1199px){.channel-settings,chat-channel-participant-settings .settings-header{margin-right:0}}@media only screen and (max-width:991px){.channel-settings,chat-channel-participant-settings .settings-header{margin:0}chat-channel-participant-settings .btn-success{margin-top:10px}chat-channel-participant-settings .settings-title{padding-top:5px;padding-bottom:5px}chat-channel-participant-settings .scroll-area{height:calc(100vh - 197px)}}@media only screen and (max-width:767px){chat-channel-participant-settings .settings-header{margin-top:-15px;margin-left:-15px;margin-right:-15px}chat-channel-participant-settings .channel-settings{margin-left:-15px;margin-right:-15px}chat-channel-participant-settings .scroll-area{height:calc(100vh - 182px)}}chat-complaint-form .form-header{border-bottom:2px solid gray;background-color:#f7f7f7;color:#000;font-weight:bold}.close-case,chat-complaint-form .create-title{padding-top:10px;padding-bottom:10px}chat-complaint-form .form-header .row{margin:0}chat-complaint-form .back-button{padding-right:20px}chat-complaint-form .complaint-form{position:relative;padding:0;border-right:5px solid #f7f7f7;border-left:5px solid #f7f7f7}chat-complaint-form .complaint-form-content{padding:0}chat-complaint-form .complaint-form-content .form-group{margin:20px 5px 5px}chat-complaint-form .scroll-area{overflow:auto;height:calc(100vh - 260px)}chat-complaint-form .submit-area{padding:15px;margin:0;background-color:#f7f7f7}@media only screen and (min-width:992px){chat-complaint-form .back-button{display:none}}@media only screen and (min-width:2000px){chat-complaint-form .form-header{margin-right:-15px}}@media only screen and (max-width:1199px){chat-complaint-form .form-header{margin-right:0}}@media only screen and (min-width:2000px){.complaint-form,chat-complaint-form .form-header{margin-right:-15px}}@media only screen and (max-width:1199px){.complaint-form,chat-complaint-form .form-header{margin-right:0}}@media only screen and (max-width:991px){.complaint-form,chat-complaint-form .form-header{margin:0}chat-complaint-form .btn-success{margin-top:10px}chat-complaint-form .create-title{padding-top:5px;padding-bottom:5px}chat-complaint-form .scroll-area{height:calc(100vh - 197px)}}@media only screen and (max-width:767px){chat-complaint-form .form-header{margin-top:-15px}chat-complaint-form .complaint-form,chat-complaint-form .form-header{margin-left:-15px;margin-right:-15px}chat-complaint-form .scroll-area{height:calc(100vh - 182px)}}chat-message-box .channel-details{border-bottom:2px solid gray;background-color:#f7f7f7;color:#000;font-weight:bold}.channel-options,chat-message-box .channel-name{padding-top:10px;padding-bottom:10px}chat-message-box .left-message,chat-message-box .right-message{float:left;width:100%;position:relative;padding-bottom:3px;margin-bottom:2px}chat-message-box .right-message{margin-right:10px}chat-message-box .no-message-info{margin-top:-7px}chat-message-box .left-message .report-link{visibility:hidden;margin:5px}.left-message:hover,chat-message-box .right-message:hover{background-color:#f7f7f7}chat-message-box .left-message:hover .report-link{visibility:visible}chat-message-box .left-message-content,chat-message-box .right-message-content{max-width:88%;display:inline-block;margin-top:5px;margin-bottom:-10px;word-wrap:break-word}chat-message-box .right-message-content{float:right}chat-message-box .event-message{display:inline-block;width:100%;position:relative;font-style:italic;margin:5px 0}chat-message-box .message-date{margin:0;padding-top:20px;display:flex;align-items:center;color:#000;width:100%}chat-message-box .message-date hr{margin:0}chat-message-box .message-date-line{padding:0}chat-message-box .event-message hr{border-top:1px solid #ccc;margin:10px 0}chat-message-box .message-box{position:relative;padding:0;border-right:5px solid #f7f7f7;border-left:5px solid #f7f7f7}.chat-textbox-content,chat-message-box .message-box-content{padding:0}chat-message-box .message-box ul{padding:10px 10px 20px;margin:0}chat-message-box .message-box ul li{list-style:none;display:block}.message-box .right-message p,chat-message-box .message-box .left-message p{background-color:#ccdbe3;padding:10px 15px;border-radius:8px;color:#000}chat-message-box .message-box .right-message p{background-color:#5e8fb0;color:#fff}chat-message-box .chat-textbox{background-color:#f7f7f7;padding:10px}chat-message-box .chat-textbox .input-group{margin:0;height:40px}chat-message-box .chat-textbox .input-group .input-wrapper{padding-right:10px}chat-message-box .chat-textbox .input-group .input-wrapper input{height:40px;color:#9fa5af;border-radius:5px;padding:0 10px;border:1px solid #c1c1c1}chat-message-box .chat-textbox .send-button{background-color:#5e8fb0;cursor:pointer;color:#fff;border-radius:50%}chat-message-box .send-button:hover{box-shadow:0 0 0 1px #8d8d8f}.right-message span i,chat-message-box .left-message span i{color:#94c2ed;font-size:12px}chat-message-box .right-message span i{color:#86bb71}chat-message-box .right-message span{float:right}chat-message-box .message-time{margin:0 5px;color:#bdbdc2;position:relative;display:inline-block}chat-message-box .left-message-info:before{content:" ";position:absolute;top:2px;left:5px;bottom:150px;border:15px solid transparent;border-bottom-color:#ccdbe3}chat-message-box .right-message-info:before{content:" ";position:absolute;top:2px;right:5px;bottom:150px;border:15px solid transparent;border-bottom-color:#5e8fb0}chat-message-box .scroll-area{overflow:auto;height:calc(100vh - 260px)}chat-message-box .load-more{margin:10px 0 0;padding:0;cursor:pointer}chat-message-box .join-room{background-color:#f7f7f7}chat-message-box .join-room-content{padding-top:13px;padding-bottom:13px}chat-message-box .message-time-tooltip{visibility:hidden;width:120px;background-color:grey;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;bottom:100%;left:50%;margin-left:-60px}chat-message-box .message-time-tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:grey transparent transparent}chat-message-box .message-time:hover .message-time-tooltip{visibility:visible;cursor:default}chat-message-box .channel-options-icon{position:relative;display:inline-block;margin-left:10px;color:#5e8fb0}chat-message-box .channel-options-icon-tooltip{visibility:hidden;width:120px;background-color:grey;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;top:-5px;right:110%}chat-message-box .channel-options-icon-tooltip:after{content:"";position:absolute;top:50%;left:100%;margin-top:-5px;border-width:5px;border-style:solid;border-color:transparent transparent transparent grey}chat-message-box .channel-options-icon:hover .channel-options-icon-tooltip{visibility:visible;cursor:pointer;color:#fff}chat-message-box .channel-details .row{margin:0}chat-message-box .back-button{padding-right:20px}chat-message-box .muted-alert,chat-message-box .room-description{background:none;border:none;margin:0;height:10px}@media only screen and (min-width:2000px){.chat-textbox,.join-room,.message-box,chat-message-box .channel-details{margin-right:-15px}}@media only screen and (max-width:1199px){.chat-textbox,.join-room,.message-box,chat-message-box .channel-details{margin-right:0}}@media only screen and (min-width:992px){chat-message-box .back-button{display:none}}@media only screen and (max-width:991px){.chat-textbox,.join-room,.message-box,chat-message-box .channel-details{margin:0}.channel-options,chat-message-box .channel-name{padding-top:5px;padding-bottom:5px}chat-message-box .scroll-area{height:calc(100vh - 197px)}}@media only screen and (max-width:767px){chat-message-box .join-room button{width:100%}chat-message-box .channel-details{margin-top:-15px}.chat-textbox,.join-room,chat-message-box .channel-details,chat-message-box .message-box{margin-left:-15px;margin-right:-15px}chat-message-box .scroll-area{height:calc(100vh - 182px)}}chat-room-form .form-header{border-bottom:2px solid gray;background-color:#f7f7f7;color:#000;font-weight:bold}chat-room-form .create-title{padding-top:10px;padding-bottom:10px}chat-room-form .form-header .row{margin:0}chat-room-form .back-button{padding-right:20px}chat-room-form .room-form{position:relative;padding:0;border-right:5px solid #f7f7f7;border-left:5px solid #f7f7f7}chat-room-form .room-form-content{padding:0}chat-room-form .room-form-content .form-group{margin:20px 5px 5px}chat-room-form .scroll-area{overflow:auto;height:calc(100vh - 260px)}chat-room-form .submit-area{padding:15px;margin:0;background-color:#f7f7f7}@media only screen and (min-width:992px){chat-room-form .back-button{display:none}}@media only screen and (min-width:2000px){chat-room-form .form-header{margin-right:-15px}}@media only screen and (max-width:1199px){chat-room-form .form-header{margin-right:0}}@media only screen and (min-width:2000px){.room-form,chat-room-form .form-header{margin-right:-15px}}@media only screen and (max-width:1199px){.room-form,chat-room-form .form-header{margin-right:0}}@media only screen and (max-width:991px){.room-form,chat-room-form .form-header{margin:0}chat-room-form .btn-success{margin-top:10px}chat-room-form .create-title{padding-top:5px;padding-bottom:5px}chat-room-form .scroll-area{height:calc(100vh - 197px)}}@media only screen and (max-width:767px){chat-room-form .form-header{margin-top:-15px}chat-room-form .form-header,chat-room-form .room-form{margin-left:-15px;margin-right:-15px}chat-room-form .scroll-area{height:calc(100vh - 182px)}}chat-room-invitation-index .invitations-header{border-bottom:2px solid gray;background-color:#f7f7f7;color:#000;font-weight:bold}chat-room-invitation-index .invitations-title{padding-top:10px;padding-bottom:10px}chat-room-invitation-index .invitations-header .row{margin:0}chat-room-invitation-index .back-button{padding-right:20px}chat-room-invitation-index .invitations-list{position:relative;padding:0;border-right:5px solid #f7f7f7;border-left:5px solid #f7f7f7}chat-room-invitation-index .invitations-list-content{padding:0}chat-room-invitation-index .scroll-area{overflow:auto;height:calc(100vh - 260px)}chat-room-invitation-index .cancel-area{padding:15px;margin:0;background-color:#f7f7f7}chat-room-invitation-index .invitation{padding:15px;margin:15px;background-color:#edf2fa}chat-room-invitation-index .invitation-button{margin-bottom:10px}chat-room-invitation-index .invitation-info span{display:inline}@media only screen and (min-width:992px){chat-room-invitation-index .back-button{display:none}}@media only screen and (min-width:2000px){chat-room-invitation-index .invitations-header{margin-right:-15px}}@media only screen and (max-width:1199px){chat-room-invitation-index .invitations-header{margin-right:0}}@media only screen and (min-width:2000px){.invitations-list,chat-room-invitation-index .invitations-header{margin-right:-15px}}@media only screen and (max-width:1199px){.invitations-list,chat-room-invitation-index .invitations-header{margin-right:0}}@media only screen and (max-width:991px){.invitations-list,chat-room-invitation-index .invitations-header{margin:0}chat-room-invitation-index .btn-success{margin-top:10px}chat-room-invitation-index .invitations-title{padding-top:5px;padding-bottom:5px}chat-room-invitation-index .scroll-area{height:calc(100vh - 197px)}}@media only screen and (max-width:767px){chat-room-invitation-index .invitations-header{margin-top:-15px;margin-left:-15px;margin-right:-15px}chat-room-invitation-index .invitations-list{margin-left:-15px;margin-right:-15px}chat-room-invitation-index .scroll-area{height:calc(100vh - 182px)}}.sign-in-alert{margin-top:15px}