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}.App-header2{align-items:center;background-color:#fff;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App{flex:1 1;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)}}.User_Icon{justify-content:end;width:100%}.main_button{background-color:transparent;border:0;height:100%;position:fixed;top:0;width:100%}.navigotor_area{display:flex;flex-direction:column;height:100%;min-height:500px;overflow:auto}.navigotor_area .chatlist_area{flex:1 1;height:100%;overflow-y:auto}.main{display:flex;flex-direction:column;position:relative}.main_view{display:flex;flex:1 1;flex-direction:column}.notification-dot{background-color:red;border-radius:50%;height:10px;position:absolute;right:5px;width:10px}.alert_area{justify-self:anchor-center}.UserIcon_Area{justify-content:end;width:100%}.message-bubble-area .message-bubble-left{max-width:30%}.message-bubble-area .message-bubble-left,.message-bubble-area .message-bubble-left-m{word-wrap:break-word;background-color:#c4c4c4;border-radius:10px;margin:10px;min-width:200px;overflow-wrap:break-word;padding:10px;position:relative;text-align:left;white-space:pre-wrap}.message-bubble-area .message-bubble-left-m{max-width:80%}.message-bubble-area .message-bubble-left:after{border-color:#c4c4c4 transparent transparent;border-style:solid;border-width:10px 10px 0;content:"";left:0;margin-left:-10px;position:absolute;top:10px}.message-bubble-area .message-bubble-right{max-width:80%}.message-bubble-area .message-bubble-right,.message-bubble-area .message-bubble-right-m{word-wrap:break-word;background-color:#49a7ff;border-radius:10px;float:right;margin:10px;min-width:200px;overflow-wrap:break-word;padding:10px;position:relative;text-align:left;white-space:pre-wrap}.message-bubble-area .message-bubble-right-m{max-width:30%}.message-bubble-area .message-bubble-right:after{border-color:#49a7ff transparent transparent;border-style:solid;border-width:10px 10px 0;content:"";margin-left:-10px;position:absolute;right:-10px;top:10px}.select-alert-area .select-alert-left{max-width:30%}.select-alert-area .select-alert-left,.select-alert-area .select-alert-left-m{word-wrap:break-word;background-color:#c4c4c4;border-radius:10px;margin:10px;min-width:200px;overflow-wrap:break-word;padding:10px;position:relative;text-align:left;white-space:pre-wrap}.select-alert-area .select-alert-left-m{max-width:80%}.select-alert-area .select-alert-left:after{border-color:#c4c4c4 transparent transparent;border-style:solid;border-width:10px 10px 0;content:"";left:0;margin-left:-10px;position:absolute;top:10px}.select-alert-area .select-alert-right{max-width:80%}.select-alert-area .select-alert-right,.select-alert-area .select-alert-right-m{word-wrap:break-word;background-color:#49a7ff;border-radius:10px;float:right;margin:10px;min-width:200px;overflow-wrap:break-word;padding:10px;position:relative;text-align:left;white-space:pre-wrap}.select-alert-area .select-alert-right-m{max-width:30%}.select-alert-area .select-alert-right:after{border-color:#49a7ff transparent transparent;border-style:solid;border-width:10px 10px 0;content:"";margin-left:-10px;position:absolute;right:-10px;top:10px}.button{color:#f0f8ff;justify-content:center}.alert_to_area{min-width:300px;width:30%}.alert_area{display:flex;justify-content:center;position:fixed;top:15%;width:100%;z-index:9999}.errorPage{text-align:center}.sbTestPagePage{background-color:"#f5f5f5";bottom:0;display:"flex";flex-direction:"column";margin:0;padding:0;position:"fixed";top:56;width:"-webkit-fill-available"}.sbTestPagePage .headText{display:flex;margin:5px;padding:0;text-align:center}.sbTestPagePage .sbResData_area{display:flex;flex:1 1;padding-bottom:10px}.sbTestPagePage .contacts_area{display:flex;height:40%;padding-bottom:10px}.sbTestPagePage .contacts_area .addChatButton{border-radius:0 0 4px 4px;border-top:1px solid #ccc;margin:0 -8px -8px;padding:8px}.sbTestPagePage .contacts_area .contacts{display:flex;flex:1 1;margin:1;padding:1}.sbTestPagePage .contacts_area .userList{flex:1 1;margin-top:10px;overflow-y:auto}.sbTestPagePage .contacts_area .userList .userItem{display:flex;flex-direction:row;height:60px}.sbTestPagePage .sbResData_area .loading_area{align-content:center;text-align:center;width:100%}.navbar{background-color:#676767;color:#fff;left:0;top:0;width:100%;z-index:1000}.navbar-content{align-items:center;display:flex;flex-direction:row-reverse;justify-content:space-between;margin:auto}.navbar-toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.navbar-menu{list-style:none;margin:0;max-height:0;overflow:hidden;padding:0;transition:max-height .3s ease-out}.navbar-menu.is-expanded{display:flex;max-height:50px;transition-duration:.5s}.navbar-menu li{padding:10px 15px}.navbar-menu a{color:#fff;text-decoration:none}.navbar-menu a:hover{background-color:#555}.navbar-content .tag{border-left:1px solid #3d3d3d;color:#f0f8ff}.addChatUser{display:flex;flex-direction:column;height:60vh}.addChatUser .userList{flex:1 1}.addChatUser .addChatButton{align-self:center;justify-content:center;width:100px}.chatPage{background-color:"#f5f5f5";bottom:0;display:"flex";flex-direction:"column";margin:0;padding:0;position:"fixed";top:56;width:"-webkit-fill-available"}.chatPage .getMessageloading{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.chatPage .chatHeard{display:flex}.chatPage .chatHeard .chatName{flex:1 1;margin:0;padding:5px}.chatPage .chatHeard .navbar-toggle{align-items:center;display:flex;justify-content:center;padding:5px;width:50px}.message-area{display:flex;flex-direction:column;margin-top:15px;max-width:70%}.message-area .message-user{display:flex}.message-area .message-user .message-user-name{align-content:center;height:25px;padding:5px}.message-area .message-user .message-user-name-right{display:flex;flex-direction:column;text-align:right}.message-area .message-user .message-user-name-left{display:flex;flex-direction:column;text-align:left}.message-area .message-head-left{display:flex;flex-direction:row;padding-left:10px;padding-right:10px}.message-area .message-head-right{display:flex;flex-direction:row-reverse;padding-left:10px;padding-right:10px}.message-area .message-date-left{display:flex;flex-direction:row;font-size:10px;margin-left:10px}.message-area .message-date-right{display:flex;flex-direction:row-reverse;font-size:10px;margin-right:10px}.loadingPage{align-items:center;background-color:#fff;display:flex;flex:1 1;height:100vh;justify-content:center}.MyUserChatPage,.myUserPage{background-color:"#f5f5f5";bottom:0;display:"flex";flex-direction:"column";margin:0;padding:0;position:"fixed";top:56;width:"-webkit-fill-available"}.myUserPage .contacts_area{display:flex;flex:1 1;height:100%;padding-bottom:50px}.myUserPage .contacts_area .contacts{display:flex;flex:1 1;margin:1;padding:1}.myUserList_area{display:flex;flex:1 1;flex-direction:column}.myUserList_area .myUserList{flex:1 1;margin-top:10px;overflow-y:auto}.myUserList_area .myUserList .myUser{display:flex;flex-direction:row;height:60px}.addUserPage_area{display:flex;flex:1 1;flex-direction:column}.addUserPage_area .myUserList{flex:1 1;margin-top:10px;overflow-y:auto}.addUserPage_area .myUserList .myUser{display:flex;flex-direction:row;height:60px}.myUserPage .contacts_area .loading_area{align-content:center;text-align:center;width:100%}.systemMessagePage{background-color:"#f5f5f5";bottom:0;display:"flex";flex-direction:"column";margin:0;padding:0;position:"fixed";top:56;width:"-webkit-fill-available"}.systemMessagePage .headText{margin:10px;padding:0;text-align:center}.systemMessagePage .contacts_area{display:flex;flex:1 1;height:100%;padding-bottom:50px}.systemMessagePage .contacts_area .contacts{display:flex;flex:1 1;margin:1;padding:1}.systemMessagePage .contacts_area .messageList{flex:1 1;margin-top:10px;overflow-y:auto}.systemMessagePage .contacts_area .messageList .messageItem{display:flex;flex-direction:row;height:60px}.systemMessagePage .contacts_area .loading_area{align-content:center;text-align:center;width:100%}.addUsersChatPage{background-color:"#f5f5f5";bottom:0;display:"flex";flex-direction:"column";margin:0;padding:0;position:"fixed";top:56;width:"-webkit-fill-available"}.addUsersChatPage .headText{margin:10px;padding:0;text-align:center}.addUsersChatPage .contacts_area{display:flex;flex:1 1;height:100%;padding-bottom:50px}.addUsersChatPage .contacts_area .addChatButton{border-radius:0 0 4px 4px;border-top:1px solid #ccc;margin:0 -8px -8px;padding:8px}.addUsersChatPage .contacts_area .contacts{display:flex;flex:1 1;margin:1;padding:1}.addUsersChatPage .contacts_area .userList{flex:1 1;margin-top:10px;overflow-y:auto}.addUsersChatPage .contacts_area .userList .userItem{display:flex;flex-direction:row;height:60px}.addUsersChatPage .contacts_area .loading_area{align-content:center;text-align:center;width:100%}
/*# sourceMappingURL=main.45e65840.css.map*/