:root{--primary-color:#232738;--secondary-color:#53a6bd;--tertiary-color:#1c4a74}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.hidden{display:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}#root,.App,body,html{height:100%}.field{position:relative;margin-bottom:15px}.field label{display:inline-block}.field input,.field label{margin-bottom:5px}.field span.error{font-size:12px;color:red}.welcome-container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:100%;width:100vw;color:#fff;background:#53a6bd;background:linear-gradient(307deg,#53a6bd,rgba(83,166,189,.5130427170868348) 15%,#999)}.welcome-block{position:relative;background:#242a31;padding:30px;border-radius:5px;margin:auto 20px;max-width:400px}.welcome-block input{display:block;width:100%;padding:8px 10px;box-sizing:border-box;background:#585858;color:#aadbe8;border:none;border-radius:5px;outline:none}.welcome-block input::-webkit-input-placeholder{color:#aadbe8}.welcome-block input:-ms-input-placeholder{color:#aadbe8}.welcome-block input::placeholder{color:#aadbe8}.welcome-block .input-field-cover{position:relative}.welcome-block button{width:100%;padding:8px 10px;background-color:#53a6bd;border:none;color:#fff;font-weight:600;text-transform:uppercase;margin-top:12px;cursor:pointer}.welcome-block p{margin-top:0}.error-message{font-size:10px;color:red}.connect-icon{position:absolute;height:70px;width:70px;top:-80px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.welcome{margin-bottom:5px}.policy{font-size:10px}.switch_form{margin-top:15px!important;margin-bottom:0}.switch_form button{margin:0;background:no-repeat;padding:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:#53a6bd;cursor:pointer}.password-field{position:relative}.password-field .eye-icon{position:absolute;top:0;right:0;cursor:pointer;height:32px}.password-field .eye-cross{display:none;height:70%;width:1px;background:#000;position:absolute;top:50%;right:50%;-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.password-field input[type=text]+.eye-icon .eye-cross{display:block}.searchlist-container{height:calc(100% - 40px);overflow:auto}.searchlist-container .name{margin:5px 0}.searchlist-container .connect-button{border:none;padding:10px 15px;background-color:#47da7b;border-radius:5px;color:#fff;cursor:pointer}.searchlist-container .search-content{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;margin:10px 0}span.notification-count{padding:4px 6px;background-color:red;border-radius:50%;font-size:12px;color:#fff}.connections-container .connection-block{position:relative;padding:10px 5px;border-bottom:1px solid #cacaca;cursor:pointer;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.connections-container .connection-block.selected,.connections-container .connection-block:hover{background-color:#585858}.connections-container .connection-block p{margin:0}.connections-container .connection-block .delete-connection{display:none;margin-left:5px;cursor:pointer}.connections-container .connection-block:hover .delete-connection{display:inline-block}.notifications-container{height:calc(100% - 40px);overflow-y:auto}.notification-card{padding-bottom:5px;border-bottom:1px solid #afaaaa;margin-bottom:10px}.notification-card .notification-text{margin-bottom:5px}.notification-card .button{border:none;padding:10px 15px;border-radius:5px;color:#fff;margin-right:10px;cursor:pointer}.notification-card .accept{background-color:#69c369}.notification-card .reject{background-color:#c94949}.notification-title{border-bottom:1px solid #afaaaa;padding:5px 0;margin-bottom:5px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.search-container{height:calc(100% - 34px)}.bell-icon-container{position:relative;display:inline-block;cursor:pointer}.bell-icon-container span.notification-count{position:absolute;top:-10px;left:calc(100% - 10px)}.search-actions{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;height:24px;padding-bottom:5px;border-bottom:1px solid #ada9a9;margin-bottom:10px}.search-actions.search{padding:5px}.refresh-connections{cursor:pointer}input.search{height:30px;width:calc(100% - 30px)}.sidemenu-container{position:absolute;left:0;height:100%;width:18em;border-right:1px solid grey;box-sizing:border-box;transition:.3s ease-in;padding:0 10px;background:#242a31;color:#fff}.sidemenu-container.hide{left:-18em}.user-name{margin:5px;font-size:20px;height:24px}@media screen and (max-width:659px){.sidemenu-container{z-index:10;max-width:80%}}.message-status-icon{height:12px}.message{margin:5px 0;max-width:calc(80% + 40px);display:-webkit-flex;display:flex;-webkit-justify-content:left;justify-content:left;-webkit-align-items:center;align-items:center}.message>span{display:inline-block;padding:8px;border-radius:10px;color:#fff;position:relative;min-width:80px;text-align:left;word-wrap:break-word}.message p{margin:0;line-height:1.5}.message p:after{content:"";display:inline-block}.right-align p:after{margin-right:60px}.left-align p:after{margin-right:40px}.message .bottom-right{position:absolute;right:10px;bottom:5px}.right-align{text-align:right;margin-left:auto;margin-right:0;-webkit-justify-content:right;justify-content:right;-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.right-align>span{background-color:#242a31;border-bottom-right-radius:0;margin-left:10px}.left-align{text-align:left;margin-left:0;margin-right:auto}.left-align>span{background-color:#53a6bd;border-bottom-left-radius:0;margin-right:10px}.message-list-container{overflow-y:overlay;max-height:calc(100% - 38px);min-height:calc(100% - 38px);padding:0 30px}.created-at{margin:0 5px;font-size:10px;color:#dedede}.unread-messages{text-align:center;margin:5px 0;border-top:1px solid grey;border-bottom:1px solid grey;padding:2px}.unread-messages span{background:#242a31;color:#cacaca;padding:5px 10px;border-radius:10px;display:inline-block}.date-time{text-align:center;position:-webkit-sticky;position:sticky;top:10px;z-index:1}.date-time span{font-size:11px;padding:5px;background:#72767a;border-radius:10px;color:#fff;display:inline-block;min-width:95px}.hover-container{cursor:pointer;position:relative;height:20px;line-height:12.5px}.hover-container img:not(.visible){visibility:hidden}.message:hover .hover-container img{visibility:visible}.italic-font{font-style:italic;font-weight:lighter}.edited-message{font-size:10px;margin-left:5px;color:#b9b9b9}.message-actions{position:absolute;top:15px;border:1px solid #444;border-radius:5px;width:130px;background-color:#242a31;z-index:10}.message-actions button{width:100%;background:transparent;color:#fff;padding:8px 5px;margin:0;border:none;cursor:pointer;font-size:12px}.message-actions button:hover{background:#646464}.right-align .message-actions{left:-15px}.message.last-message .message-actions{bottom:15px;top:unset}.chatroom-container{position:relative;padding-top:46px;background:transparent;z-index:1}.chatroom-container.chat-screen{height:calc(100% - 46px)}.chatroom-container.expand{width:100%;margin-left:0}.chatroom-container form{height:100%;position:relative}.chatroom-container .chat-input{position:absolute;left:0;right:0;bottom:0}.chatroom-container .chat-input input:not(.send-message){box-sizing:border-box;width:calc(100% - 55px);padding:5px;margin:5px 10px;border:1px solid grey;border-radius:5px}.chatroom-container .send-message{height:25px;width:25px;position:absolute;right:2px;bottom:-2px;cursor:pointer;padding:10px;border-radius:50%;-webkit-transform:scale(.6);transform:scale(.6);background-color:#242a31}.chatroom-container .send-message.disable{background-color:#545454}.chatroom-container .edit-message-actions{position:absolute;right:50px;bottom:10px;display:none}.chatroom-container .edit-message-actions.show{display:block}.chatroom-container .edit-message-actions button{padding:0;border:0;background:none;cursor:pointer}.chatroom-container .edit-message-actions button:first-child{margin-right:5px}.chatroom-container .edit-message-actions button img{height:20px;display:block}.banner-container{display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-flex-wrap:wrap;flex-wrap:wrap;height:calc(100% - 46px);width:100%}.banner-container img{max-width:100%;max-height:calc(100vh - 60px);aspect-ratio:1}.banner-container .banner-content{-webkit-justify-content:center;justify-content:center;text-align:center;width:400px}.banner-container .banner-content,.banner-image{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.banner-image{text-align:end}.banner-image a{font-size:10px}.banner-container .banner-content h2,.banner-container .banner-content p{margin-left:15px;margin-right:15px;color:#242a31}@media screen and (max-width:650px){.banner-container img{max-width:100%;max-height:none}}.badge-block{position:fixed;bottom:45px;right:25px;height:35px;width:35px;border-radius:50%;background:#242a31;box-shadow:0 0 2px 5px rgba(0,0,0,.26);-webkit-box-shadow:0 0 2px 5px rgba(0,0,0,.26);-moz-box-shadow:0 0 2px 5px rgba(0,0,0,.26);line-height:35px;text-align:center;cursor:pointer;z-index:100;opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px);transition:all .5s ease}.badge-block.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.badge-block .count{position:absolute;top:-5px;right:-5px;border-radius:50%;background:red;color:#fff;font-size:12px;height:20px;width:20px;line-height:20px;text-align:center}.badge-block .arrow{display:inline-block;-webkit-transform:rotate(90deg);transform:rotate(90deg);color:#fff;width:15px}.notifiction-circle:after,.notifiction-circle:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid red}.notifiction-circle:before{-webkit-animation:ripple 2s linear infinite;animation:ripple 2s linear infinite}.notifiction-circle:after{-webkit-animation:ripple 2s linear 1s infinite;animation:ripple 2s linear 1s infinite}@-webkit-keyframes ripple{0%{-webkit-transform:scale(1)}75%{-webkit-transform:scale(1.75);opacity:1}to{-webkit-transform:scale(2);opacity:0}}@keyframes ripple{0%{-webkit-transform:scale(1);transform:scale(1)}75%{-webkit-transform:scale(1.75);transform:scale(1.75);opacity:1}to{-webkit-transform:scale(2);transform:scale(2);opacity:0}}.dialog-container{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);z-index:12}.dialog-container .dialog-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:20px;background:#242a31;border-radius:10px}.dialog-container .dialog-content p{margin-top:0;color:#fff}.dialog-container .dialog-content form{display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly}.dialog-container .dialog-content form button{padding:10px;color:#fff;border-radius:5px;border:none;width:80px;cursor:pointer}.dialog-container .dialog-content form button.cancel{background:#69c369}.dialog-container .dialog-content form button.submit{background:#c94949}.header-container{position:absolute;top:0;left:0;right:0;height:45px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;background:transparent;box-shadow:0 2px 12px 0 rgb(0 0 0/75%);-webkit-box-shadow:0 2px 12px 0 rgb(144 144 144/75%);-moz-box-shadow:0 2px 12px 0 rgba(0,0,0,.75);border:none;z-index:2}.header-container.expand{left:0}.header-container img.side-menu-btn{height:25px;width:25px;cursor:pointer;margin:0 10px}.header-container .header-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-block{position:absolute;right:10px}.logout-block img{cursor:pointer}.main-container{position:relative;margin-left:18em;transition:.3s ease-in;height:100%;background:#53a6bd;background:linear-gradient(307deg,#53a6bd,rgba(83,166,189,.5130427170868348) 15%,#999);min-height:100%}.main-container.expand{margin-left:0}.back-drop{position:fixed;top:0;bottom:0;left:0;right:0;display:none;z-index:9;background:rgba(83,166,189,.8)}@media screen and (max-width:659px){.main-container{margin-left:0}.back-drop.show{display:block}}.loader-container{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(1,1,1,.5)}.loader{height:40px;width:40px;display:inline-block;position:absolute;top:calc(50% - 20px);left:calc(50% - 20px);border:5px solid #daffda;border-top-color:#00ff4e;border-radius:50%;-webkit-animation:spin 1.1s linear infinite;animation:spin 1.1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.App{position:relative}.notification-container{position:fixed;top:10px;right:10px;z-index:3}.notification-block{width:250px;padding:5px;color:#fff;border-radius:5px;box-shadow:0 0 6px 0 rgba(0,0,0,.75);-webkit-box-shadow:0 0 6px 0 rgba(0,0,0,.75);-moz-box-shadow:0 0 6px 0 rgba(0,0,0,.75);transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out;-webkit-animation:toast-in-right .7s;animation:toast-in-right .7s;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;position:relative}.notification-block button{position:absolute;top:5px;right:8px;background:transparent;border:none;padding:0;font-weight:700;cursor:pointer;color:#fff}.notification-block.success{background-color:#4ba157}.notification-block.error{background-color:#c84244}.notification-block.info{background-color:#40aac3}.notification-block .icon img{height:32px}.notification-block .content{padding-left:8px;padding-right:15px}.notification-block .content h3{margin:5px 0}.notification-block .content p{margin:5px 0;font-size:13px}@-webkit-keyframes toast-in-right{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes toast-in-right{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}
/*# sourceMappingURL=main.0d4c809f.chunk.css.map */