:root{--custom-color-1: #491448;--custom-color-2: #bfd546;--custom-color-link: #491448}.bg-all{background-color:#bfd546 !important}.bg-completed{background-color:#729745 !important}.bg-incomplete{background-color:#345156 !important}.bg-notstarted{background-color:#491448 !important}.text-completed{color:#607E3A !important}#active-chat-bottom{position:fixed;top:20px;right:12px;border:1px solid #bcbcbc;border-radius:10px;width:450px;height:470px;max-width:95%;background-color:#fff;z-index:1010;box-shadow:4px 6px 10px #ccc;font-size:1rem}#active-chat-bottom #active-chat-header{height:45px;margin-top:5px;background-color:#fff;border-bottom:1px solid #bfbfbf}#active-chat-bottom #active-chat-header #active-chat-name{font-size:16px;font-weight:600;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:200px}#active-chat-bottom #active-chat-header #active-chat-last-message{font-size:10px;color:#666}#active-chat-bottom #active-chat-header a.active-chat-icon{color:#333}#active-chat-bottom #active-chat-messages{overflow-y:auto;height:360px;padding-bottom:10px;background-color:#f4f4f4}#active-chat-bottom #active-chat-messages .chat-message-date{text-align:center;font-size:10px;color:#373737;padding-bottom:0.5rem}#active-chat-bottom #active-chat-messages .chat-message{line-height:normal;background-color:#fff;border-radius:5px;margin-bottom:2.75rem;margin-left:1.5rem;margin-right:0;padding:0.25rem 2rem 0.25rem 0.5rem}#active-chat-bottom #active-chat-messages .chat-message .chat-message-sender{font-size:10px;color:#666}#active-chat-bottom #active-chat-messages .chat-message.my-message{background-color:#e2edf7;margin-left:0;margin-right:1.5rem}#active-chat-bottom #active-chat-messages .chat-message.system-message{text-align:center;font-style:italic;margin-left:0;margin-right:0;background-color:#d8eeff;padding:0.5rem}#active-chat-bottom #active-chat-input{position:absolute;bottom:0;left:0;right:0;height:55px;margin-bottom:5px;background-color:#fff;border-top:1px solid #bfbfbf;overflow:hidden auto}#edit-group-chat-modal .autocomplete-picker{width:100%}#chat-main-content #chat-main-wrapper{background-color:#fff}@media (min-width: 768px){#chat-main-content #chat-main-wrapper{position:relative;top:15px;height:calc(100% - 100px);border:1px solid #bfbfbf;border-radius:3px;box-shadow:0 0 5px rgba(0,0,0,0.5)}}#chat-main-content .chat-header{height:70px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #bfbfbf}#chat-main-content .chat-header h4{margin:0;line-height:1;font-size:20px}#chat-main-content .chat-header .chat-header-bottom{padding-top:0.25rem}#chat-main-content .chat-header .chat-header-bottom .latest-message{color:#666}#chat-main-content .chat-header.chat-header-right{line-height:1}#chat-main-content .chat-header.chat-header-right h4{font-weight:600}#chat-main-content #chat-list-col{height:100%}@media (min-width: 768px){#chat-main-content #chat-list-col{border-right:2px solid #bfbfbf}}#chat-main-content #chat-list-col #chat-list-wrapper{display:flex;flex-direction:column;height:100%}#chat-main-content #chat-list-col #chat-list-wrapper #chat-user-autocomplete{border-bottom:2px solid #bfbfbf;padding-top:0.5rem;padding-bottom:0.5rem;background-color:#f2f2f2;flex-shrink:0}#chat-main-content #chat-list-col #chat-list-wrapper #chat-list{overflow-y:auto}#chat-main-content #chat-list-col #chat-list-wrapper #chat-list a.chat-list-item{color:#373737;text-decoration:none}#chat-main-content #chat-list-col #chat-list-wrapper #chat-list .chat-list-item{border-bottom:1px solid #cdcdcd;position:relative}#chat-main-content #chat-list-col #chat-list-wrapper #chat-list .chat-list-item .chat-list-item-inner{padding-top:1rem;padding-bottom:1rem;display:flex;line-height:normal}#chat-main-content #chat-list-col #chat-list-wrapper #chat-list .chat-list-item .chat-list-item-inner .chat-list-item-img{width:50px;margin-right:1rem}#chat-main-content #chat-list-col #chat-list-wrapper #chat-list .chat-list-item .chat-list-item-inner .chat-list-item-content{width:100%}#chat-main-content #chat-list-col #chat-list-wrapper #chat-list .chat-list-item .chat-list-item-inner .chat-list-item-content .chat-list-item-header{margin-bottom:0}#chat-main-content #chat-list-col #chat-list-wrapper #chat-list .chat-list-item .chat-list-item-inner .chat-list-item-content .chat-list-item-date{color:#727272;font-size:14px}#chat-main-content #chat-list-col #chat-list-wrapper #chat-list .chat-list-item .chat-list-item-arrow{position:absolute;right:-20px;top:0;bottom:0;z-index:100}#chat-main-content #chat-list-col #chat-list-wrapper #chat-list .chat-list-item .chat-list-item-arrow img{position:relative;top:50%;transform:translateY(-50%)}#chat-main-content #chat-list-col #chat-list-wrapper #chat-list .chat-list-item.active-chat-item{background-color:#fafafa}@media (min-width: 768px){#chat-main-content #chat-content{display:flex;flex-direction:column;height:100%}}#chat-main-content #chat-content #chat-messages{flex:1 1 0;background-color:#f4f4f4;padding:1rem;border-bottom:1px solid #cdcdcd;overflow-y:auto}#chat-main-content #chat-content #chat-messages .chat-message-date{text-align:center;font-size:14px;color:#373737;padding-bottom:0.5rem}#chat-main-content #chat-content #chat-messages .chat-message{line-height:normal;background-color:#fff;border-radius:5px;margin-bottom:0.75rem;margin-left:3rem;margin-right:0;padding:0.25rem 2rem 0.25rem 1rem;font-size:16px}#chat-main-content #chat-content #chat-messages .chat-message .chat-message-sender{font-size:10px;color:#666}#chat-main-content #chat-content #chat-messages .chat-message.my-message{background-color:#e2edf7;margin-left:0;margin-right:3rem}#chat-main-content #chat-content #chat-messages .chat-message.system-message{text-align:center;font-style:italic;margin-left:0;margin-right:0;background-color:#d8eeff;padding:1rem}#chat-main-content #chat-content #chat-input #chat-input-field{border:0;box-shadow:none}