body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.InputField{display:block;height:45px;position:relative}.InputField .Input{border:1px solid #1890ff;box-sizing:border-box;height:35px;outline:none;padding-left:20px;width:100%}.InputField .Error-Container{color:red;font-size:12px}.Login{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:100vh}.Login .LoginBackgroundImage{background-image:url(/static/media/background.8a3e848234ab4c1b4182.jpg);background-position:bottom;background-repeat:no-repeat;background-size:cover;flex-direction:column;min-height:100vh;opacity:.4;position:absolute;width:100%}.Login .LoginBackground{background-color:#1890ff;height:100vh;opacity:.3;position:absolute;width:100%}.Login form{display:flex;flex-direction:column}.Login form input{margin-bottom:10px;width:250px}.ProfileView .ProfileImage{height:300px;overflow:hidden}.ProfileView .ProfileImage .ant-image{width:100%}.ProfileView .ProfileImage img{height:300px;width:100%}.ProfileView .ProfileDetails{align-items:center;border-bottom:1px solid #f0f0f0;border-left:1px solid #f0f0f0;border-right:1px solid #f0f0f0;display:flex;justify-content:space-evenly;padding:10px}.ProfileView .ProfileDetails .PremiumStatus{color:gold}.ProfileView .ProfileInfoMemo{border-left:1px solid #f0f0f0;border-right:1px solid #f0f0f0}.ProfileView .ProfileInfoMemo .listItem{display:flex;justify-content:space-between;padding:10px 30px}.ProfileView .ProfileInfoMemo .listItem.CreditsInfo{background:#1890ff;color:#fff}.ProfileView .ProfileInfoMemo .listItem .LabelItemContainer{align-items:center;display:flex;justify-content:center}.ProfileView .ProfileInfoMemo .listItem .LabelItemContainer .listItemLabel{margin-left:10px}.ProfileView .ProfileInfoMemo .ant-tabs .UserInfoContainer{height:100%;overflow:scroll;padding-bottom:20px}.ProfileView .ProfileInfoMemo .ant-tabs .UserInfoContainer .ant-tag{margin-bottom:5px}.ProfileView .ProfileInfoMemo .ant-tabs .MediaContainer .ant-image,.ProfileView .ProfileInfoMemo .ant-tabs .MediaContainer .ant-image img{margin:1px}.ProfileView .ProfileInfoMemo .ant-tabs .MemoTab{height:100%;overflow:scroll;padding-bottom:20px}.ProfileView .ProfileInfoMemo .ant-tabs .MemoTab .MemosContainer .MemoContainer{padding:5px 10px;position:relative;text-align:left}.ProfileView .ProfileInfoMemo .ant-tabs .MemoTab .MemosContainer .MemoContainer:nth-child(2n){background-color:#f1f1f1}.ProfileView .ProfileInfoMemo .ant-tabs .MemoTab .MemosContainer .MemoContainer .ant-tag{font-size:10px;line-height:14px}.ProfileView .ProfileInfoMemo .ant-tabs .MemoTab .MemosContainer .MemoContainer .CommenterInfo{align-items:center;display:flex;justify-content:space-between}.ProfileView .ProfileInfoMemo .ant-tabs .MemoTab .MemosContainer .MemoContainer .CommenterInfo .CommenterName{font-weight:600}.ProfileView .ProfileInfoMemo .ant-tabs .MemoTab .MemosContainer .MemoContainer .CommenterInfo .CommenterTime{font-size:11px}.ProfileView .ProfileInfoMemo .ant-tabs .MemoTab .InputContainer{background:#fff;bottom:0;margin-top:10px;padding-bottom:10px;position:-webkit-sticky;position:sticky;width:100%}.ProfileView .ProfileInfoMemo .ant-tabs .MemoTab .InputContainer textarea{border:1px solid #f0f0f0;border-left:none;border-right:none;height:60px;margin-bottom:10px;padding:5px;resize:none;width:100%}.ProfileView .ProfileInfoMemo .ant-tabs .MemoTab .InputContainer textarea:focus{outline:none}.ImageComponent,.ImageComponent .imageloader{align-items:center;display:flex;flex-direction:column;justify-content:center}.ImageComponent .imageloader{height:100%;width:100%}.ImageComponent .imageloader img{height:auto;max-height:100%;max-width:100%}.ImageComponent .imageloader .ImageComponent-notFound{font-size:1.2rem;font-weight:700}.ModalDialog{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.ModalDialog .CloseButton{cursor:pointer;height:15px;position:absolute;right:20px;top:20px;width:15px}.ModalDialog .CloseButton img{height:100%;width:100%}.ModalDialog .Background.disabled{pointer-events:none}.ModalDialog .Background{background:#1b1b1b;height:100%;left:0;mix-blend-mode:multiply;opacity:.93;position:absolute;top:0;width:100%}.ModalDialog .ModalContainer.disabled{pointer-events:none}.ModalDialog .ModalContainer{background:#fff;border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;max-height:80%;overflow:auto;padding:20px;position:absolute;width:500px}.ConversationView{display:flex;flex-direction:column;height:100vh;justify-content:space-between;position:relative}.ConversationView .MessageImages .SingleImage{display:inline-block;height:100px;margin:2px;position:relative;width:100px}.ConversationView .MessageImages .SingleImage .MessageImage{height:100px;margin:2px;width:100px}.ConversationView .MessageImages .SingleImage .MessageImage.Disabled{-webkit-filter:grayscale(100%) opacity(60%);filter:grayscale(100%) opacity(60%);pointer-events:none}.ConversationView .MessageImages .SingleImage .MessageImage:hover{cursor:pointer}.ConversationView .MessageImages .SingleImage .OverlayImage{background-color:#000;-webkit-filter:opacity(75%);filter:opacity(75%);height:100%;left:2px;position:absolute;top:2px;width:100%;z-index:98}.ConversationView .MessageImages .SingleImage .AlreadyUsedText{bottom:0;color:#fff;font-size:12px;font-weight:700;left:2px;padding:3px;position:absolute;width:100%;z-index:99}.ConversationView .HeaderContainer{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;height:50px;justify-content:space-evenly}.ConversationView .LogoutButton{box-shadow:1px 1px 5px 1px #888}.ConversationView .LogoutButton:hover{box-shadow:1px 1px 5px 1px #1890ff}.ConversationView .PinButton{box-shadow:1px 1px 5px 1px #888}.ConversationView .PinButton:hover{box-shadow:1px 1px 5px 1px #1890ff}.ConversationView .gift-message{border-radius:8px;color:#000;margin:5px auto auto;opacity:.3;padding:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.ConversationView .gift-message.flash{-webkit-animation:col .5s infinite;animation:col .5s infinite}.ConversationView .gift-message .gift-text{color:#000;font-weight:600}.ConversationView .gift-message .gift-text span{color:red}.ConversationView .ConversationContainer{flex:1 1;overflow-y:scroll}.ConversationView .ConversationContainer mark{background-color:cyan}.ConversationView .ConversationContainer .DateContainer{padding:5px}.ConversationView .ConversationContainer .MessageContainer{display:flex;flex-direction:column;padding:5px 10px}.ConversationView .ConversationContainer .MessageContainer.ReceivedMessage .Message .TextContainer{text-align:left}.ConversationView .ConversationContainer .MessageContainer.SentMessage .bubble-footer{align-items:center;display:flex}.ConversationView .ConversationContainer .MessageContainer.SentMessage .bubble-footer .agent-name{background-color:#61dafb;border-radius:4px;font-weight:lighter;padding:5px}.ConversationView .ConversationContainer .MessageContainer.SentMessage .bubble-footer .agent-name span{color:brown;font-weight:700}.ConversationView .ConversationContainer .MessageContainer.SentMessage .Message .TextContainer{text-align:right}.ConversationView .ConversationContainer .MessageContainer.SentMessage .Message .TextContainer p{margin:0}.ConversationView .ConversationContainer .MessageContainer .Message{border-radius:5px;margin-bottom:2px;max-width:50%;padding:10px}.ConversationView .ConversationContainer .MessageContainer .Time{font-size:10px}.ConversationView .ConversationContainer .MessageContainer.SentMessage{align-items:end}.ConversationView .ConversationContainer .MessageContainer.SentMessage .Message{background-color:#1890ff;color:#fff}.ConversationView .ConversationContainer .MessageContainer.ReceivedMessage{align-items:start}.ConversationView .ConversationContainer .MessageContainer.ReceivedMessage .Message{background-color:#d3d3d3}.ConversationView .MessageEditor{border-top:1px solid #f0f0f0;padding-bottom:5px;padding-top:10px;position:relative}.ConversationView .MessageEditor .ImagePreview{margin-left:30px;text-align:left}.ConversationView .MessageEditor .ImagePreview .RemoveImage{background:#fff;color:red;font-size:17px;font-weight:700;padding:2px;position:absolute}.ConversationView .MessageEditor .ImagePreview .RemoveImage:hover{cursor:pointer}.ConversationView .MessageEditor .ImagePreview img{height:150px}.ConversationView .MessageEditor .MessageInputContainer .TextArea{border:none;font-size:16px;height:53px;resize:none;width:90%}.ConversationView .MessageEditor .MessageInputContainer .TextArea:active,.ConversationView .MessageEditor .MessageInputContainer .TextArea:focus{outline:none}.ConversationView .MessageEditor .AttachemntContainer{align-items:center;display:flex}.ConversationView .MessageEditor .AttachemntContainer:hover{cursor:pointer}.ConversationView .MessageEditor .AttachemntContainer .AttachmentIcon{margin-right:10px}.ConversationView .MessageEditor .AttachemntContainer .AttachmentIcon:hover,.ConversationView .MessageEditor .AttachemntContainer .EmojiIcon:hover{cursor:pointer}.ConversationView .MessageEditor .AttachemntContainer .em-emoji-picker{bottom:40px;position:absolute}.ConversationView .MessageEditor .ButtonsContainer{align-items:center;display:flex;justify-content:space-between;margin:auto;width:90%}.ConversationView .MessageEditor .ButtonsContainer .SendButtonContainer:hover{cursor:pointer}@-webkit-keyframes col{0%{background-color:hsla(0,100%,79%,.5)}50%{background-color:hsla(0,100%,79%,.2)}to{background-color:hsla(0,100%,79%,.5)}}@keyframes col{0%{background-color:hsla(0,100%,79%,.5)}50%{background-color:hsla(0,100%,79%,.2)}to{background-color:hsla(0,100%,79%,.5)}}.AgentView{height:100vh;overflow:hidden}.AgentView .LoaderContainer{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.AgentItem{align-items:center;border-bottom:1px solid #c7c8c9;display:flex;justify-content:space-between;margin-bottom:5px;padding:5px}.AgentItem .SingleItem{flex:1 1}.AgentItem .SingleItem.AgentInfo{font-size:11px;text-transform:uppercase}.AgentItem .SingleItem.AgentInfo .AgentStatus.Active{color:green}.AgentItem .SingleItem.AgentInfo .AgentStatus.Idle{color:red}.AgentItem .SingleItem.AgentInfo .AgentStatus.Offline{color:#000}.AgentItem .SingleItem.MessagePreview{flex:5 1;overflow:hidden;text-align:left;text-overflow:clip;white-space:nowrap}.AgentItem .SingleItem.UserInfo{display:flex;flex-direction:column}.AgentItem .SingleItem.PremiumStatus{align-items:center;color:gold;display:flex;font-size:20px;justify-content:flex-start}.AgentItem .SingleItem.PremiumStatus .StarPremium{margin-right:20px}.AgentItem .SingleItem.TimeInfo{flex:2 1}.AgentsContainer{height:calc(100vh - 70px);overflow:auto}@-webkit-keyframes fadeIn{0%{-webkit-transform:translateY(-25%);transform:translateY(-25%)}50%{-webkit-transform:translateY(4%);transform:translateY(4%)}65%{-webkit-transform:translateY(-2%);transform:translateY(-2%)}80%{-webkit-transform:translateY(2%);transform:translateY(2%)}95%{-webkit-transform:translateY(-1%);transform:translateY(-1%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{-webkit-transform:translateY(-25%);transform:translateY(-25%)}50%{-webkit-transform:translateY(4%);transform:translateY(4%)}65%{-webkit-transform:translateY(-2%);transform:translateY(-2%)}80%{-webkit-transform:translateY(2%);transform:translateY(2%)}95%{-webkit-transform:translateY(-1%);transform:translateY(-1%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.ContextMenu{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-name:fadeIn;animation-name:fadeIn;background-clip:padding-box;background-color:#fff;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);left:0;list-style-type:none;margin:0;outline:none;overflow:hidden;padding:0;position:absolute;text-align:left;top:0;z-index:999}.ContextMenu li{clear:both;color:rgba(0,0,0,.65);cursor:pointer;font-size:14px;font-weight:400;line-height:22px;margin:0;padding:5px 12px;transition:all .3s;-webkit-transition:all .3s;white-space:nowrap}.ContextMenu li:hover{background-color:#e6f7ff}.ContextMenu li i{margin-right:8px}.ConversationItem{align-items:center;border-bottom:1px solid #c7c8c9;display:flex;justify-content:space-between;margin-bottom:5px}.ConversationItem .SingleItem{flex:2 1}.ConversationItem .SingleItem.ClaimButton{flex:1 1}.ConversationItem .SingleItem.MessagePreview{flex:5 1;overflow:hidden;text-align:left;text-overflow:clip;white-space:nowrap}.ConversationItem .SingleItem.UserInfo{display:flex;flex-direction:column;overflow:hidden;overflow-wrap:break-word;width:100%}.ConversationItem .SingleItem.PremiumStatus{color:gold;flex:1 1}.ConversationItem .SingleItem.TimeInfo{flex:1 1}.ArchiveList,.FollowUpList,.InboxList,.PastChatsList{height:calc(100vh - 70px);overflow:auto}.StockList{height:calc(100vh - 100px);overflow:auto}.MainView .site-layout{height:100vh;overflow:hidden}.MainView .HeaderContainer{display:flex;justify-content:space-between;padding:0 20px}.MainView .HeaderContainer .HeaderIcons .trigger{color:#fff;font-size:20px;margin-right:20px}.MainView .HeaderContainer .SearchContainer .SearchInput{height:33px}.MainView .HeaderContainer .SearchContainer .SearchInput:focus{outline:none}.filter{justify-self:end;margin-left:auto;width:550px}.filter .search-group{grid-column-gap:5px;align-items:center;-webkit-column-gap:5px;column-gap:5px;display:grid;grid-template-columns:auto auto auto auto;margin-bottom:10px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.filter .search-group.search{grid-template-columns:105px 150px 100%;max-width:100%}.filter .search-group.search .search-input{width:-webkit-max-content;width:max-content}.filter .search-group .group-item{width:150px}.filter .search-group .group-item.button{width:auto}.filter .search-group .group-item.label{text-align:right;width:105px}.table-button{color:rgba(0,0,0,.3);cursor:pointer;font-weight:700}.table-button:hover{color:#000}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}