*,:after,:before{margin:0;padding:0;box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%!important}#app{font-family:Avenir,Helvetica,Arial,sans-serif;color:#2c3e50}ul li{list-style-type:none}.ui-container{display:flex;width:100%;height:calc(100vh - 85px);background-color:#f8f9f9;border-top:1px solid #2c3e50}.left-view,.right-view{width:50%;height:100%}.left-view{display:flex;flex:0 0 auto;height:calc(99.5vh - 85px);background-color:transparent}.right-view{border-left:1px solid rgba(44,62,80,.35)}.top-toolbar{height:4rem!important;background-color:#303332}.top-toolbar .left-button{margin-right:2rem;margin-left:1rem}.top-toolbar__history{margin:auto;margin-top:3px}.top-toolbar__history:before{margin-top:6px}.top-toolbar__history .icon{margin-top:8px}.main-toolbar{display:flex;height:4.5rem;width:100%;text-align:left}.main-toolbar .search-box{position:relative;margin:auto;margin-right:2rem;border:1px solid grey;border-radius:100px}.main-toolbar .search-box__input{font-size:1.6rem;padding:.4rem;outline:none}.main-toolbar .search-box__icon{font-size:1.9rem!important;position:absolute!important;top:5px!important;left:6px!important}.main-toolbar .search-box__icon:hover{cursor:text!important}.main-toolbar .profile-img{margin:auto;margin-right:1rem}.hamburger-menu-closed{font-size:3.6rem;margin:auto;margin-left:.6rem}.hamburger-menu-closed:hover{cursor:pointer}.main-navigation__container{transform:translateX(-233px);flex:0;position:relative;z-index:10;padding-top:.5rem;background-color:#000;height:100%;width:23.3rem;width:3.3rem;color:#fff;transition:transform .5s ease}.main-navigation__container .logo{margin-left:5px;margin-top:4px;margin-bottom:25px}.show-main-navigation__container{width:23.3rem;transform:translateX(0);flex:0 0 auto}.main-navigation__container ul li{list-style-type:none;text-align:left;margin-bottom:1rem}.close-nav-icon{position:absolute!important;font-size:3.3rem!important;top:9px;left:194px;width:3rem;height:3rem;color:#fff!important}.main-navigation__link{display:flex;gap:12px;padding:1rem 0 1rem .6rem;align-items:center;text-decoration:none;color:#fff;font-weight:700;font-size:2rem;transition:all .05s ease}.main-navigation__link:hover{background-color:hsla(0,0%,43.9%,.2)}.main-navigation__link:active{background-color:#8bd3bd}.left-content,.right-content{height:calc(99.5vh - 85px);max-height:calc(99.5vh - 85px);overflow-x:scroll}.left-content{width:95%;padding:0 1rem}.task-list{background-color:#f8f9f9!important}.task-list .v-list-group{border-bottom:1px solid grey}.task-list__job-list{font-size:1.6rem!important;margin-bottom:.3rem}.task-list__task-name{margin-top:.1rem!important;margin-bottom:.3rem!important}.task-list__due-date,.task-list__user-name{font-size:1.2rem!important}.task-list__user-name{margin-bottom:0!important}.task-list__card{position:relative;display:flex!important;align-items:center;border:1px solid rgba(95,94,94,.242)!important;height:11.2rem;margin-bottom:1.4rem;padding:.5rem;border-radius:1rem!important;box-shadow:0 3px 6px rgba(0,0,0,.1)!important;transition:all 1.05s ease}.task-list__card .task-list__icons{visibility:hidden;position:absolute;right:10px;top:6px}.task-list__card .task-icon{margin-left:.5rem}.task-list__card:hover{border:1px solid rgba(95,94,94,.442)!important;box-shadow:2px 8px 12px rgba(0,0,0,.1)!important}.task-list__card:hover .task-list__icons{visibility:visible}.task-list__card .v-list-item__title{font-size:2rem}.task-list__checkbox{color:rgba(0,0,0,.35)!important;position:absolute!important;top:5px;left:5px}.task-list__checkbox:hover{cursor:pointer}.task-list__profile-pic{margin-left:2.2rem}.task-list__info{margin-left:1.8rem;margin-top:.1rem}.task-view{position:relative}.task-view__toolbar{position:relative;margin-bottom:5.9rem;background-color:#fff}.task-view__toolbar #attachment-icon{transform:rotate(90deg)}.task-view__toolbar-icons{margin-top:.6rem;padding-left:1.5rem}.task-view__toolbar-icons .task-icon{background-color:#fff!important;margin-right:.7rem;padding:1.75rem 0!important;border:1px solid transparent}.task-view__toolbar-icons .task-icon:hover{border:2px solid #8bd3bd;opacity:1}.task-view__toolbar-icons .task-icon:before{background-color:#707070!important}.task-view__toolbar-icons .more-options{position:absolute;top:1px;right:5px}.task-view__toolbar-icons .task-chat-btn{border:2px solid #8bd3bd}.task-view__heading{font-size:2rem;text-align:center}.task-view .task-view__body{padding-bottom:10rem}.task-view .colleague-chatbox,.task-view .user-chatbox{color:#3c3c59!important;width:36rem;max-width:36rem}.task-view .colleague-chatbox__message,.task-view .user-chatbox__message{font-size:1.8rem;padding-top:1rem;line-height:1.2}.task-view .colleague-chatbox{position:relative;margin-left:6rem;margin-top:5rem;box-shadow:6px 8px 12px rgba(147,167,190,.16)!important}.task-view .colleague-chatbox__img{border-radius:100px!important;box-shadow:6px 8px 12px rgba(147,167,190,.16)!important;position:absolute;top:-35px;left:-40px}.task-view .colleague-chatbox .v-list-item__content{padding:.5rem 1.3rem 1.2rem 3rem!important}.task-view .colleague-chatbox__user-name{font-size:1.2rem;text-decoration:underline;-webkit-text-decoration-color:#8bd3bd;text-decoration-color:#8bd3bd;text-decoration-thickness:3px}.task-view .colleague-chatbox__direct-message{background-color:#8bd3bd}.task-view .user-chatbox{background-color:#bce5d8!important;margin-left:auto;margin-top:3rem;margin-right:6rem;box-shadow:-6px 6px 9px rgba(147,167,190,.16)!important}.task-view .user-chatbox__direct-message{background-color:#fff}.task-view .user-chatbox .v-list-item__content{padding:.5rem 1.3rem 1.2rem 1.8rem!important}.task-view .task-chat{display:flex;justify-content:space-around;align-items:center;width:calc(50% - 2px);height:104px;background-color:#dff5ee;position:fixed;top:calc(100vh - 95px)}.task-view .task-chat .task-chat__attachment,.task-view .task-chat .task-chat__record-or-send{padding:0 2rem}.task-view .task-chat__message-input-container{flex:2 1 auto}.task-view .task-chat .task-icon{color:#707070}.task-view .task-chat__add-message{width:100%;font-size:1.6rem;border:1px solid hsla(0,0%,43.9%,.5);background-color:hsla(0,0%,100%,.58);border-radius:100px;height:55px;padding:.5rem}.task-view .task-chat__add-message:focus{border:1px solid rgba(60,60,89,.9);outline:none}.task-view .task-chat .attachment-icon:before{transform:rotate(-70deg)}.hide{visibility:hidden!important}