body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;overflow-x:hidden}body,code{font-family:"Inter",sans-serif}.con-Login{width:100%;height:100vh;background-color:#f8f8f8}.purple-square-container{height:100%;display:flex;align-items:center;justify-content:center}.loading-page{display:flex;justify-content:center;height:100vh;flex-direction:column}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 30px #fff inset!important}.purple-square{background-color:#fff;width:500px;height:auto;box-shadow:0 4px 10px 0 rgba(0,0,0,.2),0 4px 20px 0 rgba(0,0,0,.19)}.img-logo{display:flex;justify-content:center;padding-top:50px}.logo-sty{width:70px;height:70px}#components-form-demo-normal-login .login-form{max-width:300px}#components-form-demo-normal-login .login-form-forgot{float:right}#components-form-demo-normal-login .ant-col-rtl .login-form-forgot{float:left}#components-form-demo-normal-login .login-form-button{width:100%}.con-form{padding:20px}.center-btn{display:flex;justify-content:center}.btn-login{height:40px;width:100%;color:#fff;background:#356989;border-color:#7d9db3;font-size:18px}.user-list{background-color:#fff;height:100vh;border-right:thin solid #e5e5e5;width:430px;cursor:pointer}@media only screen and (max-width:800px){.user-list{width:100%}}.chat-list,.noti-list{background-color:#fff;height:100vh}.noti-list{border-left:thin solid #e5e5e5}.header-st{width:100%;height:60px;background:linear-gradient(90deg,#104898,#2869bd);position:absolute;z-index:90;top:0}.footer-chat{border-top:1px solid #e6e6e6}.footer-chat,.footer-chat-nodata{height:11vh!important;padding:15px;display:flex;bottom:0;background-color:#fff;width:100%}.ant-layout-footer{padding:15px;color:rgba(0,0,0,.65);font-size:14px;background:#fff}.input-chat{height:38px;border-radius:5px;border:1px solid #ced4da!important;margin-right:15px}.chat{position:relative}.chat-left{justify-content:flex-start;margin-right:50px;background-color:#ebebeb;margin-bottom:10px}.chat-left,.chat-right{display:flex;padding:10px;border-radius:7px;flex-direction:column}.chat-right{justify-content:flex-end;margin-left:50px;color:#fff;background-color:#09f;margin-bottom:15px}.flex-start-chat{display:flex;justify-content:flex-start}.flex-end-chat{display:flex;justify-content:flex-end}.txt-text{font-weight:500;font-family:"Inter",sans-serif}.txt-time-left,.txt-time-right{opacity:.8;font-size:11px;font-family:"Inter",sans-serif;color:#757575}.txt-time-right{text-align:right}.ab-chat{width:100%;bottom:10px;margin-right:15px;padding:3px 25px 1px}.chat-bottom{display:flex;justify-content:flex-end;flex-direction:column}.bell-icon:hover{background-color:#f3f3f3}.bell-icon,.bell-icon:hover{width:40px;height:40px;border-radius:130px;display:flex;justify-content:center}.bell-icon{background-color:#fff}.demo-infinite-container{overflow:auto;outline:none;height:87vh;color:#fff;margin-top:15px}.chat-infinite-container{overflow:auto;outline:none;height:79vh;padding:15px;color:#fff}.center-btn-send{display:flex;justify-content:center;flex-direction:column}.demo-loading-container{position:absolute;bottom:40px;width:100%;text-align:center}.w-top-chat{padding-bottom:80px!important}.logo-top-chat{padding:20px;display:flex;justify-content:center;cursor:pointer}.btn-two{display:flex}.btn-outline:hover{color:#dcdcdc;border-width:1px;border-style:solid;color:#212529;height:40px;border-radius:4px;flex-direction:column;align-items:center}.btn-outline:hover,.icon-chat-sider{padding:10px;justify-content:center;display:flex;cursor:pointer}.sider-chatleft-active{background-color:#f9f9f9}.div-sider-chat,.sider-chatleft-active{padding:15px;border-radius:7px}.sider-left{border-right-style:solid!important;border-right-width:thin;border-right-color:#ebebeb}.card-user{width:95%;height:80px;margin:10px;border-radius:15px}.card-user,.loading-frist{background-color:#fff;display:flex;justify-content:center;padding:17px 30px;flex-direction:column}.loading-frist{width:100%;height:100px}.card-user:hover{background-color:hsla(0,0%,77.3%,.07)}.card-Notification-active,.card-user-active{width:95%;margin:10px;height:80px;display:flex;border-radius:15px;justify-content:center;padding:17px 30px;flex-direction:column;background-color:rgba(162,159,159,.07)}.subtitle-txt{color:#969696}.dot-txt,.subtitle-txt{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:0;font-family:"Inter",sans-serif}.dot-txt{font-weight:400;color:#4d5156}.flex-dot-txt{display:flex;flex-direction:row}.img-col,.p-col{display:flex;justify-content:center;flex-direction:column;height:80px}.p-col{width:200px}.loading-chat{background-color:#fff;width:100%;align-items:center;display:grid;margin-top:10px}.btn-outline{color:#dcdcdc;border:1px solid #e6e6e6;color:#212529;padding:10px;height:40px;border-radius:4px;flex-direction:column;align-items:center;cursor:pointer}.arrow-left,.btn-outline{justify-content:center;display:flex}.arrow-left{flex-direction:column-reverse}.flex-header-noti{display:flex;padding-left:30px;padding-right:30px}.ant-badge-not-a-wrapper{float:right!important;vertical-align:middle}.Badge-col{justify-content:flex-start;padding:10px 0 0}.Badge-col,.img-top{display:flex;flex-direction:column}.img-top{justify-content:center;height:50px}.mL{margin-left:15px}p{margin-top:0;margin-bottom:0}.user-top{width:100%;height:50px;position:absolute;background-color:#fff;box-shadow:-1px 1px 4px 0 rgba(0,0,0,.2);transition:.3s}.btn-swicth{display:flex;justify-content:flex-end;height:40px;right:20px;align-items:center;margin-right:15px}.disable-chat{width:100%;height:100px;background-color:#7d7b7b;position:absolute;opacity:.5;z-index:1}.header-siderLeft{width:100%;height:105px}.con-input{margin-top:15px;margin-bottom:15px}.txt-Chat{font-size:20px;font-weight:500;font-family:"Inter",sans-serif;color:#4d5156}.input-search{background-color:#f9f8f8!important;border:0 solid #d9d9d9!important;border-radius:5px;font-size:17px;height:36px;text-align:left;width:95%;margin-left:9px;border-radius:20px}.txt-header{color:#fff;font-size:28px}.center-txt-haeder{display:flex;justify-content:center;flex-direction:column;height:60px;margin-left:15px}.swict-row{width:100%;height:40px;background-color:#7d7b7b;z-index:5;display:flex;justify-content:space-between}@media only screen and (max-width:768px){[class*=col-]{width:100%}}.center-icon{display:flex;align-items:center;margin-left:15px;height:40px}.btn-sty,.btn-sty:hover{background-color:#7d7b7b;border:thin solid #fff;color:#fff;cursor:pointer;padding:4px}.cricle-noti{width:50px;height:50px;border-radius:50px;background-color:#f5f5f5;display:flex;justify-content:center;flex-direction:column;color:#000}.header-user{padding-top:10px;z-index:5;background-color:#fff;border-right-width:thin;width:100%;border-right-color:#ebebeb;height:11vh}.flex-header{display:flex;justify-content:space-between;padding-left:30px;padding-right:30px}.card-Notification{width:100%;height:80px;background-color:#fff;display:flex;justify-content:center;flex-direction:column;padding-left:20px}.txt-error{display:flex}#components-layout-demo-responsive .logo{height:32px;background:hsla(0,0%,100%,.2);margin:16px}h5{font-family:"Inter",sans-serif;font-size:14px}.users-list-body{flex:1 1;position:relative;min-width:0;display:flex}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border-radius:0;background-color:inherit;border:0;border-bottom:1px solid #ebebeb;border-right-color:#ebebeb;border-top-color:#ebebeb}.layout .content .chat .chat-header{flex:1 1;display:flex;flex-direction:column;border-right:1px solid #e6e6e6;border-left:1px solid #e6e6e6}.flex-userActive{display:flex}.center-header{display:flex;justify-content:center;flex-direction:column}.p-time-chat{text-align:right;font-size:12px;padding-top:7px;font-weight:500}.p-time-chat,.user-id-chat{font-family:"Inter",sans-serif}.user-id-chat{color:#1e1e1f}.p-time-noti{text-align:right;font-size:12px;padding-top:7px;font-weight:500;font-family:"Inter",sans-serif}.center-p{flex-direction:column}.center-p,.center-Switch{display:flex;justify-content:center;color:#000}.center-Switch{flex-direction:row}.header-id{font-size:16px;font-weight:700;margin-bottom:0;line-height:1;font-family:"Inter",sans-serif;color:#4d5156}.Empty-Chat{height:70vh;display:flex;justify-content:center;flex-direction:column}.site-layout-sub-header-background{padding:10px 30px;justify-content:space-between;display:flex;border-bottom:thin solid #ebebeb}.site-layout-background,.site-layout-sub-header-background{background:#fff;height:10vh;width:100%;z-index:2}.send-img{width:50px;height:38px;display:flex;align-items:center;background-color:#09f;justify-content:center;flex-direction:column;border-radius:5px;cursor:pointer}::-webkit-scrollbar,::-webkit-scrollbar-thumb{width:5px;border:1px solid transparent}::-webkit-scrollbar-thumb{box-shadow:inset 0 0 0 11px}.chat-infinite-container:hover,.demo-infinite-container:hover{color:rgba(0,0,0,.3)}
/*# sourceMappingURL=main.c841bfe7.chunk.css.map */