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}*{margin:0;padding:0}body{overflow:hidden}.background-login{background-color:#f5f5f5;height:100vh;width:100vw}.form-container{display:flex;justify-content:center}.form-login{background-color:#fff;box-shadow:2px 2px 5px grey;width:30vw;height:60vh;margin-top:15vh;border-radius:2rem}.account-login{font-size:32px;text-align:center;margin-top:10%}.input-email,.input-password{height:30px;width:60%;margin-left:20%;margin-top:10%;border:none;border-bottom:3px solid #000;font-size:18px;outline:none}.submit-login{margin-top:12%;height:40px;width:60%;margin-left:20%;background-color:#000;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:.5s ease}.submit-login:hover{background-color:#fff;color:#000}.board-background{height:100vh;width:100vw;overflow-x:auto}.board-container{display:flex;justify-content:center;overflow-x:auto}.board-display{background-color:#f5f5f5;width:100vw;height:100vh;display:flex}.menu-sidebar{justify-content:space-between}.board-sidebar,.menu-sidebar{display:flex;flex-direction:column}.board-sidebar{width:15%;height:100%;background-color:#f9fcfb;box-shadow:0 0 5px grey;opacity:.9;position:fixed}.menu-title{font-size:small;font-weight:700}.room-title{text-align:center;color:#fff;padding-top:10%;font-size:18px;border-bottom:2px solid #fff;padding-bottom:7%}.title-section{height:5%;border-bottom:2px solid #000}.div-room-text,.div-room-text:hover{height:2.5rem;display:flex;align-items:center}.div-room-text:hover{background-color:#163172}.room-section{height:15%;margin-top:5%;text-align:center}.room-text{font-size:16px;margin-left:1rem;color:grey;cursor:pointer;transition:.2s ease-out}.logout-menu{display:flex;align-items:center}.room-text:hover{font-size:16px;margin-left:1rem;color:#fff;cursor:pointer;transition:.2s ease-out}.react-input-emoji--wrapper{max-height:50px}.not-active{pointer-events:none;cursor:pointer;text-decoration:none}.react-input-emoji--input{overflow-y:auto;max-width:60rem}.main-content{overflow-y:hidden}.main-content,.main-section{width:100%;height:100%}.kanban-section{display:flex;height:100%;background-color:#f0f0f0;margin-left:15%;overflow-x:auto;flex-direction:column}.kanban-group{margin-top:1rem;margin-left:3rem;margin-right:3rem;display:flex;height:95%;width:100%;overflow-x:auto}.kanban-header{padding-top:1rem;padding-left:3rem;height:15%;background-color:#f9fcfb;box-shadow:0 0 5px grey;display:flex;flex-direction:row}.kanban-board{background-color:transparent;height:90%;margin-right:5rem;width:17rem}.chat-section{width:100%;height:100%}.chat-box{background-color:#fff;height:95%;margin-top:1%;margin-left:18%;width:90%;max-width:90%;box-shadow:0 0 5px grey}.chat-board{height:100%;margin-right:2%}.chat-board,.kanban-title{display:flex;justify-content:space-between}.kanban-title{text-align:left;margin-top:7%;width:15rem;color:#000;font-weight:700}.kanban-title-edit{display:flex;align-items:center;justify-content:space-between}.kanban-body{height:90%;width:15rem;background-color:transparent;overflow-y:auto}.logout-btn{width:70%;height:50px;background-color:red;font-weight:700;border:none;cursor:pointer;font-size:18px;transition:.5s ease-out}.logout-btn:hover{background-color:#fff;color:red}.chat-box{display:flex}.chat-online-box{width:20%;height:100%;background-color:#f5f5f5;box-shadow:0 0 10px grey;z-index:5;overflow-y:scroll}.chat-online-box::-webkit-scrollbar{display:none}.chat-division{height:100%;width:100%}.chat-app-box{width:100%;height:90%;background-color:#fff;display:flex;flex-direction:column-reverse;overflow-y:auto}.chat-bar-box{background-color:transparent;width:100%;height:10%}.online-title{height:20%;width:100%;border-bottom:2px solid #f5f5f5;z-index:10}.chat-online{width:100%;height:10%;display:flex;align-items:center;justify-content:center;border-bottom:2px solid grey;text-align:center}.chat-online>h2{margin-top:7%}.online{width:100%;display:flex;height:15%;text-align:left;margin-top:20px;align-items:center;justify-content:left}.profile-picture{width:35px;height:35px;border-radius:5rem;border:.5px solid #000}.name{margin:auto 2% auto 10px;font-weight:700;font-size:smaller}.chat{display:flex;justify-content:center;width:100%;height:100%}.textbox{width:85%;height:40px;border:1px solid #1e90ff;background-color:transparent;margin-right:30px;border-radius:25px;text-indent:30px}.send,.textbox{margin-top:auto;margin-bottom:auto;outline:none}.send{background-color:#40e0d0;width:80px;height:43px;font-weight:700;cursor:pointer}.dot{background-color:green}.dot,.dot-orange{height:10px;width:10px;border-radius:50%;margin-right:10px}.dot-orange{background-color:orange}.name-dot{display:flex;width:100%;flex-direction:row;justify-content:space-between;align-items:center}.comment{display:flex;padding-right:12rem}.comment-self{display:flex;justify-content:flex-end;padding-left:12rem}.avatar-comment-self{padding-left:1rem}.username-self{display:flex;align-items:flex-end;justify-content:flex-end}.comment-bot{display:flex;align-items:center;justify-content:center}.avatar-comment{padding-right:1rem}.ini-test{max-width:90%;flex-direction:column}.comment .username,.ini-test{display:flex}.comment-time{margin-top:7px}.comment-content{background-color:#eee}.comment-content,.comment-content-self{display:inline-flex;max-width:100%;border-radius:5px;box-shadow:4px 4px 1px #e0e0e0}.comment-content-self{background-color:#1e56a0}.comment-content-self p,.comment-content p{display:flex;border-radius:3px;margin:auto;padding:10px}.comment-content-self p{color:#fff}.send-button{display:flex;align-items:center;justify-content:center}.task-card{display:flex;flex-direction:column;padding:1rem;background-color:#fff;border-radius:1rem}.hvr-underline-from-left{transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}.hvr-underline-from-left:before{content:"";position:absolute;z-index:-1;left:0;right:100%;bottom:0;background:#2098d1;height:4px;transition-property:right;transition-duration:.3s;transition-timing-function:ease-out}.hvr-underline-from-left:active:before,.hvr-underline-from-left:focus:before,.hvr-underline-from-left:hover:before{right:0}.task-title{margin-top:10px}.task-info,.task-priority{display:flex;flex-direction:row;justify-content:space-between}.profile-card{display:flex;align-items:center;flex-direction:column}.card-center{background-color:#fff;box-shadow:2px 2px 5px grey;border-radius:2rem;padding:1rem;width:25rem}.profile-picture-card{width:27px;height:27px;border-radius:5rem;box-shadow:0 0 2px grey}.data-label{margin-top:1rem;margin:0!important;opacity:.6;font-size:14px}.text-margin-lower{margin-bottom:5px!important}.profile-setting{margin-top:5rem;justify-content:space-evenly}.profile-data-email,.profile-setting{display:flex;align-items:center;flex-direction:row}.profile-data-email{margin-top:10px;justify-content:flex-start;border-bottom:1px solid rgba(30,144,255,.2)}.setting-profile-img{width:15rem;height:auto}.setting-illustration-img{width:30rem;height:auto}.profile-card-header{display:flex;flex-direction:column;align-items:center}.edit-button{cursor:pointer;color:#1e90ff}.edit-button,.submit-button-profile{display:flex;justify-content:flex-end;align-items:flex-end}input:focus,textarea:focus{outline:none}.full-w{width:100%}.form-flex{display:flex;justify-content:space-between}.cursor{cursor:pointer}::-webkit-scrollbar{width:2px;height:2px}::-webkit-scrollbar-button{width:0;height:0}::-webkit-scrollbar-thumb{background:#747272;border:0 #fff;border-radius:50px}::-webkit-scrollbar-thumb:hover{background:#464444}::-webkit-scrollbar-thumb:active{background:transparent}::-webkit-scrollbar-track{background:transparent;border:0 #fff;border-radius:50px}::-webkit-scrollbar-track:active,::-webkit-scrollbar-track:hover{background:transparent}::-webkit-scrollbar-corner{background:transparent}.hvr-bounce-in{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;transition-duration:.5s}.hvr-bounce-in:active,.hvr-bounce-in:focus,.hvr-bounce-in:hover{transform:scale(1.2);transition-timing-function:cubic-bezier(.47,2.02,.31,-.36)}
/*# sourceMappingURL=main.7d2c6242.chunk.css.map */