.clickable{cursor:pointer}@font-face{font-family:Roboto;src:url(../fonts/Roboto-Regular.f36638c2.ttf)}@font-face{font-family:Segoe UI;src:url(../fonts/SEGOEUI.623c7118.TTF)}@font-face{font-family:Ubuntu;src:url(../fonts/Ubuntu-Regular.2505bfbd.ttf)}@font-face{font-family:Noto Sans;src:url(../fonts/NotoSans-Regular.5a87cce8.ttf)}@font-face{font-family:fa-brands;src:url(../fonts/fa-brands-400.513aa607.ttf)}@font-face{font-family:fa-regular;src:url(../fonts/fa-regular-400.766913e6.ttf)}@font-face{font-family:fa-solid;src:url(../fonts/fa-solid-900.b9625119.ttf)}@font-face{font-family:eurof55;src:url(../fonts/eurof55.bbd7e15a.ttf)}*{box-sizing:border-box}html{font-family:-apple-system,Segoe UI,Roboto,Noto Sans,Ubuntu,Droid Sans,Helvetica,sans-serif;font-size:14px;min-height:100vh;overflow-x:hidden}body{background-color:#026aa7;background-color:#fff;width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:100%;margin:0}body a{color:#0e1111;text-decoration:none}body h1,body h2,body h3,body h4,body h5,body h6{margin:0}button,textarea{cursor:pointer}button,input,textarea{font-family:-apple-system,Segoe UI,Roboto,Noto Sans,Ubuntu,Droid Sans,Helvetica,sans-serif}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.slide-fade-enter-active{transition:all .3s ease}.slide-fade-leave-active{transition:all .8s cubic-bezier(1,.5,.8,1)}.slide-fade-enter,.slide-fade-leave-to{transform:translateX(10px);opacity:0}.slide-up-enter-active{transition:all .2s ease}.slide-up-leave-active{transition:all .2s cubic-bezier(1,.5,.8,1)}.slide-fade-leave-to,.slide-up-enter{transform:translateY(100vh);opacity:0}#app{height:100vh;background-size:cover}.main-layout{display:grid;grid-template-columns:8px 1fr 8px}.main-layout>*{grid-column:2}.main-layout>.full{grid-column:1/-1}.home{margin:0 auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:20px 70px;background-color:#fff;height:calc(100% - 44px)}@media(max-width:1030px){.home{padding:10px 30px}}@media(max-width:470px){.home{padding:10px 15px}}.home>div{display:flex;justify-content:center;margin-top:50px;letter-spacing:.3px}@media(max-width:400px){.home>div{width:250px;margin:0 auto}}@media(max-width:980px){.home>div{margin-top:25px;flex-direction:column}}.home>div .link{margin:0 auto;width:350px}.home>div .link h1{font-size:25px}@media(max-width:420px){.home>div .link h1{font-size:20px}}.home>div .link p{font-size:16px}@media(max-width:420px){.home>div .link p{font-size:14px}}@media(max-width:400px){.home>div .link{width:250px}}.home>div .link a,.home>div .link button{border:0;font-size:21px;font-weight:700;width:150px;padding:6px 8px;text-align:center;border-radius:3px;color:#fff;background-color:#026aa7}@media(max-width:980px){.home>div .link a,.home>div .link button{width:100%}}.home>div .link a:hover,.home>div .link button:hover{background-color:rgba(0,127,201,.8)}.home>div .link a span,.home>div .link button span{font-family:fa-solid;font-size:16px}.home>div .link a span:before,.home>div .link button span:before{content:""}.home img{height:420px}@media(max-width:1030px){.home img{height:310px;align-self:center}}@media(max-width:560px){.home img{height:250px}}@media(max-width:430px){.home img{height:225px}}header.main-header{height:44px;width:100%;background-color:rgba(0,0,0,.45098039215686275)}header.main-header .header-container{max-height:44px;padding:6px 0;display:flex;align-items:center;justify-content:space-between;color:#fff}header.main-header .header-container a{color:#fff}header.main-header .header-container .logo{display:flex;align-items:center;font-family:eurof55;font-size:1.2rem}header.main-header .header-container .logo .logo-trellor{padding:3px}header.main-header .header-container .logo .logo-trellor:hover{border-radius:3px;background-color:hsla(0,0%,100%,.2)}header.main-header .header-container .logo .logo-icon{font-family:fa-brands;font-size:1.3rem;color:hsla(0,0%,100%,.878);display:inline-block;transform:rotate(90deg)}header.main-header .header-container .logo .logo-icon:before{content:""}header.main-header .header-container .logo span{align-items:center;font-family:fa-solid;font-size:1.4rem;padding:6px}header.main-header .header-container .logo .grid-icon:hover{border-radius:3px;background-color:hsla(0,0%,100%,.2)}header.main-header .header-container .right-side{display:flex;align-items:center;gap:5px}header.main-header .header-container .right-side a{border-radius:3px;background-color:hsla(0,0%,100%,.26);padding:4px}header.main-header .header-container .right-side a:hover{background-color:hsla(0,0%,100%,.2)}header.main-header .header-container .right-side .alert{font-family:fa-regular;font-size:1.3rem;padding:6px 6px;color:rgba(247,245,245,.899);border:none;background-color:rgba(240,255,255,0);margin-left:20px}header.main-header .header-container .right-side .alert:before{content:""}header.main-header .header-container .right-side .search-input{display:flex}@media(max-width:520px){header.main-header .header-container .right-side .search-input{width:100px}}header.main-header .header-container .right-side .search-input input{color:#fff;height:32px;border:1px solid rgba(223,222,222,.433);font-weight:700;background-color:hsla(0,0%,100%,.3)}@media(max-width:520px){header.main-header .header-container .right-side .search-input input{width:100%}}header.main-header .header-container .right-side .search-input .el-input{padding-top:4px}header.main-header .header-container .right-side .right-side-avatar{cursor:pointer}.header-style{background-color:#026aa7}.el-icon-s-grid{margin-top:2px}.logout-btn{border-radius:3px;border:1px solid #0079bf;background-color:#fff;padding:6px 12px}.logout-btn:hover{color:#0079bf;background-color:hsla(0,0%,100%,.582);border:1px solid #0079bf}.workspace{background-color:#fff;height:calc(100vh - 44px)}.workspace .favorites{margin:0;padding-top:16px;padding-left:32px}.workspace .board-previews-container{padding:32px;padding-top:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px}.workspace .add-board-btn{height:80px;background-color:rgba(9,30,66,.04);display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:3px;transition:all .3s ease-in-out}.workspace .add-board-btn:hover{background-color:hsla(0,0%,82.7%,.5)}.workspace .board-modal{border:2px solid grey;height:150px}.workspace .modal-background{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(92,92,92,.76)}.workspace .modal-container{position:fixed;background-color:transparent;width:300px;z-index:2;height:60vh;top:48px;left:50%;transform:translateX(-50%)}.workspace .modal-container .add-board-modal{margin-bottom:4px;background-size:cover;box-shadow:0 0 0 0 transparent,0 0 0 0 transparent,0 2px 15px rgba(0,0,0,.3);border-radius:3px;padding:15px;text-align:center;width:300px;z-index:2}.workspace .modal-container .add-board-modal input{width:100%;padding:2px 8px;color:#fff;font-size:17px;background-color:transparent;border:none;outline:none;border-radius:3px;margin-bottom:8px}.workspace .modal-container .add-board-modal input::-moz-placeholder{color:#fff;font-weight:700}.workspace .modal-container .add-board-modal input:-ms-input-placeholder{color:#fff;font-weight:700}.workspace .modal-container .add-board-modal input::placeholder{color:#fff;font-weight:700}.workspace .modal-container .add-board-modal input:hover{background:hsla(0,0%,100%,.15)}.workspace .modal-container .add-board-modal .modal-board-btns{display:flex;justify-content:space-between}.workspace .modal-container .add-board-modal button{border-radius:3px;margin-top:8px;color:#fff;padding:6px 12px;border:none;background-color:#0079bf}.workspace .modal-container .add-board-modal button:hover{background-color:#026aa7}.workspace .modal-container .add-board-modal button:disabled{cursor:not-allowed;background-color:#f4f5f7;color:#a5adba}.workspace .starred-board{order:-1}.board-details{height:calc(100vh - 44px);display:flex;flex-direction:column;background-color:transparent;padding-bottom:6px;touch-action:manipulation}.board-details main{touch-action:manipulation;height:100%;max-width:100vw;overflow-x:auto;overflow-y:hidden}.board-details main::-webkit-scrollbar{width:32px;background-color:transparent}.board-details main::-webkit-scrollbar-track{background-color:rgba(77,77,77,.295);border:3px solid transparent;background-clip:content-box;border-radius:6px;margin:40px}.board-details main::-webkit-scrollbar-thumb{background:hsla(0,0%,94.5%,.432);border-radius:6px;background-clip:content-box;border:3px solid transparent}.board-details main .groups-container{display:flex;gap:8px}.board-details main .groups-container>section{border-radius:3px;width:270px}.board-details main .groups-container .add-group-btn{background-color:hsla(0,0%,100%,.24);border:0}.board-details main .groups-container .add-group-btn-container{width:270px}.board-details main .groups-container .add-group-btn-container span{font-weight:600}.board-details main .groups-container .add-group-btn-container button{margin-right:8px;border-radius:3px;text-align:left;color:#fff;width:100%;padding:10px 12px}.board-details main .groups-container .add-group-btn-container button:hover{background-color:hsla(0,0%,100%,.32)}.board-details main .groups-container .group-add-container{width:270px;margin-right:8px;border-radius:3px;background-color:#ebecf0;padding:4px;display:flex;flex-direction:column}.board-details main .groups-container .group-add-container input{padding:8px 12px;border:2px solid #04649b;border-radius:3px;margin-bottom:4px;outline:none}.board-details main .groups-container .group-add-container .group-btns-container{display:flex}.board-details main .groups-container .group-add-container .group-btns-container button{border:0;background-color:transparent;border-radius:3px}.board-details main .groups-container .group-add-container .group-btns-container button:first-of-type{color:#fff;background-color:#0079bf;padding:6px 12px;margin-right:4px}.board-details main .groups-container .group-add-container .group-btns-container button:first-of-type:hover{background-color:#04649b}.board-details main .groups-container .group-add-container .group-btns-container button:last-of-type{color:#5e6c84;font-size:24px;font-weight:600;padding:4px 4px}.board-details main .groups-container .group-add-container .group-btns-container button:last-of-type:hover{color:#42526e}.smooth-dnd-container{margin-right:8px}.smooth-dnd-container.horizontal>.smooth-dnd-draggable-wrapper{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.smooth-dnd-draggable-wrapper{border-radius:3px}.is-loading-container{height:calc(100vh - 44px);overflow-y:hidden;width:100%;background-color:#fff;text-align:center}.is-loading-container img{transform:scale(2);position:absolute;top:200px;left:47.5%}.board-preview{height:80px;background-size:cover;display:flex;color:#fff;border-radius:3px;flex-direction:column;justify-content:space-between;padding:8px;transition:all .3s ease-in-out}.board-preview:hover{filter:brightness(85%);transition:all .3s ease-in-out}.board-preview:hover span{opacity:1;transition:all .3s ease-in-out;margin-right:0}.board-preview h4{display:inline-block;align-self:flex-start}.board-preview span{transition:all .3s ease-in-out;margin-right:-5px;opacity:0;font-family:fa-regular;align-self:flex-end;z-index:1;font-size:12px}.board-preview span:before{content:""}.board-preview span:hover{color:orange}.board-preview .starred{font-family:fa-solid;color:orange;opacity:1;margin-right:0}.group-preview{display:flex;max-height:78vh;overflow-y:hidden;flex-direction:column;background-color:#ebecf0;border-radius:3px;width:270px;z-index:3}.group-preview .btn-group{border:0;background-color:transparent;border-radius:3px;color:#6b778c;padding:6px}.group-preview .btn-group:hover{color:#172b4d;background-color:rgba(9,30,66,.08)}.group-preview .group-header{position:relative;padding:8px 8px;display:flex;justify-content:space-between}.group-preview .group-header input{font-weight:700;width:100%;background-color:transparent;color:#172b4d;border:none;outline:none;border-radius:3px;padding:6px 6px}.group-preview .group-header input:focus{background-color:#fff;box-shadow:inset 0 0 0 2px #0079bf}.group-preview .group-actions-modal{box-shadow:0 0 0 0 transparent,0 0 0 0 transparent,0 2px 15px rgba(0,0,0,.3);position:absolute;background-color:#fff;border-radius:3px;z-index:5;transform:translate(203%,45%);display:flex;flex-direction:column;color:#172b4d}.group-preview .group-actions-modal h4{padding:12px;text-align:center}.group-preview .group-actions-modal button{padding:6px 12px;border:none;background-color:transparent;width:100%}.group-preview .tasks-container{cursor:-webkit-grab;cursor:grab;margin:0 4px;padding:0 4px;display:flex;flex-direction:column;gap:8px;padding-bottom:8px;touch-action:manipulation;overflow-y:auto;overflow-x:hidden}.group-preview .tasks-container::-webkit-scrollbar{width:8px;padding:none}.group-preview .tasks-container::-webkit-scrollbar-track{border-radius:1rem;background-color:#e0e0e0}.group-preview .tasks-container::-webkit-scrollbar-thumb{background:#888;border-radius:1rem;border-left:none}.group-preview .tasks-container::-webkit-scrollbar-thumb:hover{background:#555}.group-preview .tasks-container::-webkit-scrollbar-track-piece{background:hsla(0,0%,65.5%,0)}.group-preview .add-task-section{color:#6b778c;margin:0 4px;padding:0 4px;padding-bottom:8px}.group-preview .add-task-section>div{width:100%}.group-preview .add-task-section .add-a-task{color:#5e6c84;border-radius:3px;margin-top:2px;padding:4px 8px;cursor:pointer}.group-preview .add-task-section .add-a-task span{font-weight:600}.group-preview .add-task-section .add-a-task:hover{background-color:rgba(9,30,66,.08);color:#172b4d}.group-preview .add-task-section .task-add-container div{margin-top:6px;display:flex}.group-preview .add-task-section .task-add-container textarea{padding:6px 8px 2px;background-color:#fff;min-height:66px;border-radius:3px;box-shadow:0 1px 0 rgba(9,30,66,.25098039215686274);width:100%;border:0;resize:none}.group-preview .add-task-section .task-add-container textarea:focus{outline:none}.group-preview .add-task-section .task-add-container button{border:0;background-color:transparent;border-radius:3px}.group-preview .add-task-section .task-add-container button:first-of-type{color:#fff;background-color:#0079bf;padding:6px 12px;margin-right:4px}.group-preview .add-task-section .task-add-container button:first-of-type:hover{background-color:#04649b}.group-preview .add-task-section .task-add-container button:last-of-type{color:#5e6c84;font-size:24px;font-weight:600;padding:4px 4px}.group-preview .add-task-section .task-add-container button:last-of-type:hover{color:#42526e}.smooth-dnd-ghost{z-index:3000!important;box-shadow:none;cursor:-webkit-grabbing;cursor:grabbing}.smooth-dnd-container{overflow:visible;min-height:4px}.smooth-dnd-container.vertical>.smooth-dnd-draggable-wrapper{overflow:visible!important;touch-action:manipulation}.smooth-dnd-draggable-wrapper{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;background-color:transparent;overflow-y:visible}.card-ghost-drop{transition:transform .18s ease-in-out;transform:rotate(0deg)}.dragging{cursor:-webkit-grabbing;cursor:grabbing;box-shadow:none!important;transform:rotate(5deg)}.aside-menu{position:fixed;display:flex;flex-direction:column;background-color:#f6f8fc;color:#172b4d;right:0;top:44px;height:100vh;width:330px;padding:8px 6px 12px 12px;z-index:1;transition:all .4s}.aside-menu .board-header{margin:0;z-index:1;font-size:13px;margin-left:120px;justify-content:space-between}.aside-menu .board-header .header{display:flex}.aside-menu .board-header .el-icon-close{display:flex;background-color:transparent;color:#7c7b7b}.aside-menu .board-header .el-icon-close:hover{color:#000}.aside-menu hr{background-color:rgba(9,30,66,.12941176470588237);border:0;height:1px;margin:16px 0}.aside-menu hr:first-of-type{margin:12px;margin-top:10px}.aside-menu .aside-close{opacity:0;margin-right:-400px;transition:all .4s}.aside-menu .background-menu{opacity:1;margin-right:0}.aside-menu .background-menu .cmp-unsplash>div{min-height:500px}.aside-menu .background-menu .board-header{margin-left:0}.aside-menu .background-menu .board-header .el-icon-arrow-left{display:flex;background-color:transparent;color:#7c7b7b}.aside-menu .background-menu .board-header .el-icon-arrow-left:hover{color:#000}.aside-menu .background-menu .bgc-btns{display:grid;gap:8px;grid-template-columns:1fr 1fr}.aside-menu .background-menu .bgc-btns .color-options{background-image:url(../img/rainbow.334ce22c.jpg)}.aside-menu .background-menu .bgc-btns .img-options{background-image:url(../img/photos.91363c47.jpg)}.aside-menu .background-menu .bgc-btns .clickable div{display:flex;align-items:center;justify-content:center;background-color:#d2d2d2}.aside-menu .background-menu .bgc-btns .clickable div .el-icon-plus{font-size:25px;font-weight:700}.aside-menu .background-menu .bgc-btns div{height:80px;border-radius:3px;background-size:cover}.aside-menu .menu-content{margin-bottom:5px}.aside-menu .menu-content .bgc-btn{padding:6px 6px 6px 12px;font-size:1rem;font-weight:600;display:flex}.aside-menu .menu-content .bgc-btn:hover{background-color:hsla(0,0%,66.3%,.22);border-radius:3px;cursor:pointer}.aside-menu .menu-content .bgc-btn div{height:20px;margin-right:8px;width:20px;display:inline-block;background-size:cover;border-radius:3px}.aside-menu .menu-content .archive-btn{padding:6px 6px 6px 14px;font-size:1rem;font-weight:600}.aside-menu .menu-content .archive-btn:hover{background-color:hsla(0,0%,66.3%,.22);border-radius:3px;cursor:pointer}.aside-menu .menu-content .archive-btn span{padding-right:8px;font-size:1rem;font-family:fa-solid}.aside-menu .menu-content .archive-btn span:before{content:""}.aside-menu .menu-content .close-board-btn{padding:6px 6px 6px 40px;font-size:1rem;font-weight:600;text-align:left;color:#172b4d;width:100%}.aside-menu .menu-content .close-board-btn:hover{background-color:hsla(0,0%,66.3%,.22);border-radius:3px;cursor:pointer}.aside-menu .activities{padding:6px 6px 6px 12px;display:flex;flex-direction:column}.aside-menu .activities .activities-header{display:flex}.aside-menu .activities .activities-header h3{font-size:1rem;margin-left:10px;margin-bottom:10px;font-weight:700;padding-right:2px}.aside-menu .activities .activities-header svg{width:14px;height:20px}.aside-menu .activities:hover{background-color:hsla(0,0%,66.3%,.22);border-radius:3px;cursor:pointer}.aside-menu .activity-preview-container{display:flex}.aside-menu .activity-preview-container .curr-user-avatar{margin-right:5px;padding:10px}.aside-menu .activity-preview-container .member-name{margin-right:5px;font-weight:600}.aside-menu .activity-preview-container .activity-details{margin:1px;font-weight:400}.aside-menu .activity-preview-container .activity-member-container{font-weight:200;color:#5e6c84}.aside-menu-open{opacity:1;margin-right:0}.aside-close{z-index:-1;opacity:0;margin-right:-400px}.modal-background{height:100vh;overflow:auto;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(92,92,92,.76)}svg{fill:#172b4d}.task-details-container{touch-action:manipulation;display:flex;flex-direction:column;text-align:left;margin:0 auto;max-width:770px;position:absolute;top:42px;left:0;right:0;border-radius:2px;font-weight:400;line-height:20px;background-color:#f4f5f7;color:#172b4d;overflow:hidden;z-index:25;min-height:500px}@media(max-width:460px){.task-details-container{width:100%}}@media(min-width:460px){.task-details-container{width:92.5%}}@media(min-width:640px){.task-details-container{width:90%}}.task-details-container .bigger-cover{height:160px}.task-details-container .smaller-cover{height:116px}.task-details-container .cover-container{max-height:160px}.task-details-container .cover-container .img-cover-container{height:160px;background-position:50%;background-size:contain;background-repeat:no-repeat}.task-details-container .cover-container .img-cover-container .remove-cover-btn{top:5px;left:5px;opacity:.5}.task-details-container .cover-container .img-cover-container .remove-cover-btn:hover{opacity:.55}.task-details-container .task-modal-header{width:94%;padding:20px 18px 10px}.task-details-container .task-modal-header .close-modal-btn{font-size:18px;font-weight:600;position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;margin:5px;width:40px;height:40px;border:none;border-radius:50%;padding:3px;cursor:pointer;color:#42526e;background-color:transparent;transition:background-color 85ms,color 85ms;overflow:hidden}.task-details-container .task-modal-header .close-modal-btn:hover{background-color:rgba(9,30,66,.0784313725490196)}.task-details-container .task-modal-header svg{color:#42526e;width:34px;height:25px;transform:scale(1.1)}.task-details-container .task-modal-header textarea{color:#42526e;outline:none;background-color:transparent;border:0;border-radius:3px;box-shadow:unset;font-size:20px;font-weight:600;line-height:24px;margin:-3px 1px;min-height:24px;padding:4px;resize:none;transition:box-shadow .3s;height:32px;overflow:hidden;cursor:text;width:90%}.task-details-container .task-modal-header textarea:focus{background-color:#fff;box-shadow:inset 0 0 0 2px #0079bf}.task-details-container .task-modal-header p{color:#5e6c84;margin-top:-1px;margin-left:42px;font-size:14px}.task-details-container .task-modal-header p span{text-decoration:underline}.task-details-container .task-details-content{display:flex;flex-direction:row;gap:7px;padding-left:15px;padding-right:0;margin-right:-7px}@media(max-width:750px){.task-details-container .task-details-content{flex-direction:column}}.task-details-container .task-details-content main{position:relative;width:73%;float:left;min-height:24px;overflow-x:hidden;overflow-y:auto;padding:0 8px 8px 10px}@media(max-width:750px){.task-details-container .task-details-content main{width:90%}}.task-details-container .task-details-content main .description-container{padding-bottom:20px;margin-left:-5px}.task-details-container .task-details-content main .description-container h4{margin-bottom:18px;display:flex}.task-details-container .task-details-content main .description-container h4 svg{color:#42526e;height:26px;width:32px;transform:scale(1.1)}.task-details-container .task-details-content main .description-container h4 span{padding-top:2px;margin-left:5px;font-size:16px}.task-details-container .task-details-content main .description-container .description-edit{display:flex;flex-direction:column}.task-details-container .task-details-content main .description-container .description-edit textarea{background:inherit;border:none;border-radius:3px;min-height:40px;padding:8px 12px;color:#172b4d;background-color:rgba(9,30,66,.0392156862745098);font-size:14px;font-weight:400;outline:0;resize:none;transition:min-height .3s,box-shadow .3s;margin:0 0 8px 37px;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Droid Sans,Helvetica Neue,sans-serif}.task-details-container .task-details-content main .description-container .description-edit textarea:focus{min-height:108px;background-color:#fff;box-shadow:inset 0 0 0 2px #0079bf;cursor:text}.task-details-container .task-details-content main .description-container .description-edit .description-btns{display:flex;flex-direction:row;margin-left:29px}.task-details-container .task-details-content main .description-container .description-edit .description-btns .save-task-description-btn{transform:scale(.78);background-color:#0079bf;border:none;box-shadow:none;color:#fff}.task-details-container .task-details-content main .description-container .description-edit .description-btns .save-task-description-btn span{font-size:18px}.task-details-container .task-details-content main .description-container .description-edit .description-btns .close-task-description-btn{display:flex;align-items:center;margin:5px;border:none;border-radius:50%;padding:3px;cursor:pointer;color:#42526e;background-color:transparent;overflow:hidden;font-family:fa-solid}.task-details-container .task-details-content main .description-container .description-edit .description-btns .close-task-description-btn:before{content:"";transform:scale(1.5);opacity:.5}.task-details-container .task-details-content main .activity-container{margin-left:-5px}.task-details-container .task-details-content main .activity-container .activity-header{display:flex;justify-content:space-between}.task-details-container .task-details-content main .activity-container .activity-header h4{margin-bottom:18px;display:flex}.task-details-container .task-details-content main .activity-container .activity-header h4 svg{color:#42526e;height:26px;width:32px;transform:scale(1)}.task-details-container .task-details-content main .activity-container .activity-header h4 span{padding-top:2px;margin-left:5px;font-size:16px}.task-details-container .task-details-content main .activity-container .activity-header button{border:none;border-radius:3px;background-color:rgba(9,30,66,.0392156862745098);cursor:pointer;display:inline-block;line-height:20px;padding:6px 12px;position:relative;height:80%;font-size:14px}.task-details-container .task-details-content main .activity-container .activity-header button:hover{background-color:rgba(9,30,66,.0784313725)}.task-details-container .task-details-content main .activity-container .activity-header button:active{color:#0079bf;background-color:rgba(47,145,202,.15294117647058825)}.task-details-container .task-details-content main .activity-container .comments-container{display:flex;margin-bottom:10px}.task-details-container .task-details-content main .activity-container .comments-container .user-avatar{margin:2px 10px 0 -3px}.task-details-container .task-details-content main .activity-container .comments-container textarea{flex:1 1;background:#fff;height:36px;padding:8px 12px;border:none;border-radius:3px;box-shadow:none;resize:none;cursor:pointer;overflow:hidden;color:#172b4d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;font-weight:400;line-height:20px;border-color:rgba(9,30,66,.1294117647);transition-duration:.3s;transition-property:all;transition-timing-function:ease-in;box-shadow:inset 0 0 0 1px rgba(9,30,66,.13)}.task-details-container .task-details-content main .activity-container .comments-container textarea:focus{height:85px;cursor:text;outline:none;border-color:rgba(221,225,231,.801);box-shadow:inset 0 0 0 1px #dfe1e6;overflow-wrap:break-word}.task-details-container .task-details-content main .activity-container .save-comment-btn{margin-left:48px;margin-top:-50px;transform:scale(1);float:left;display:block;color:#a5adba;border:none;border-radius:3px;box-shadow:none;font-size:14px;line-height:20px;font-weight:400;padding:6px 12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Droid Sans,Helvetica Neue,sans-serif}.task-details-container .task-details-content main .activity-container .save-comment-btn:disabled{background-color:#f4f5f7;color:#a5adba;pointer-events:none}.task-details-container .task-details-content main .activity-container .activity-preview-container{display:flex;flex-direction:column;position:relative;margin-left:37px;min-height:32px;padding:8px 0;font-size:13px;font-weight:400;line-height:20px;color:#172b4d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Droid Sans,Helvetica Neue,sans-serif}.task-details-container .task-details-content main .activity-container .activity-preview-container .user-avatar{height:32px;left:-40px;position:absolute;top:8px;width:32px}.task-details-container .task-details-content main .activity-container .activity-preview-container .activity-details{margin-left:1px;min-height:32px;position:relative}.task-details-container .task-details-content main .activity-container .activity-preview-container .activity-details .comment-content{padding:8px 12px;background-color:#fff;border-radius:3px;box-shadow:0 1px 2px -1px rgba(9,30,66,.25),0 0 0 1px rgba(9,30,66,.08);box-sizing:border-box;clear:both;display:inline-block;margin:4px 2px 4px 0;width:100%;overflow:hidden;text-overflow:ellipsis}.task-details-container .task-details-content main .activity-container .activity-preview-container .activity-details .activity-member-container{display:block;word-wrap:break-word;margin:0}.task-details-container .task-details-content main .activity-container .activity-preview-container .activity-details .activity-member-container .member-name{cursor:pointer;margin-right:5px;font-weight:700}.task-details-container .task-details-content main .activity-container .activity-preview-container .activity-details .activity-created-at-container{font-size:12px;margin:0;min-width:110px}.task-details-container .task-details-content main .activity-container .activity-preview-container .activity-details .activity-created-at-container .activity-created-at{color:#5e6c84}.task-details-container .task-details-content main .activity-container .activity-preview-container h5{margin:-5px 0 0 3px;text-decoration:underline;font-weight:lighter;cursor:pointer;width:30px}.task-details-container .task-details-content aside{width:23%;float:right;overflow-x:hidden;overflow-y:auto;padding:0 16px 8px 8px;margin-top:-20px;margin-bottom:20px;position:relative;display:flex;flex-direction:column}@media(max-width:750px){.task-details-container .task-details-content aside{width:90%;margin-top:20px;margin:auto;margin-left:35px}}.task-details-container .task-details-content aside .aside-headers{grid-column:1/-1;color:#5e6c84;font-weight:600;letter-spacing:.04em;font-size:12px;margin:0 0 .6em;margin-bottom:.3rem;line-height:20px}@media(max-width:750px){.task-details-container .task-details-content aside .aside-headers{margin-bottom:10px;width:100%}}.task-details-container .task-details-content aside .actions,.task-details-container .task-details-content aside .suggested{display:flex;flex-direction:column;margin-bottom:16px}@media(max-width:750px){.task-details-container .task-details-content aside .actions,.task-details-container .task-details-content aside .suggested{width:45%}}.task-details-container .task-details-content aside .add-to-card{display:flex;flex-direction:column;margin-bottom:24px}@media(max-width:750px){.task-details-container .task-details-content aside .add-to-card{flex-direction:row;gap:10px;flex-wrap:wrap}.task-details-container .task-details-content aside .add-to-card span{width:46%;margin-bottom:5px}}@media(max-width:750px)and (max-width:460px){.task-details-container .task-details-content aside .add-to-card span{width:44%}}.task-details-container .task-details-content aside .action-btn{position:relative;margin-bottom:8px;color:#172b4d}.task-details-container .task-details-content aside .action-btn .action-btn-content{display:flex;align-items:unset;min-height:20px}.task-details-container .task-details-content aside .secondary-btn{font-size:14px;font-weight:400;cursor:pointer;padding:6px 12px;box-shadow:none;background-color:rgba(9,30,66,.04);border:none;border-radius:3px;line-height:20px;transition-duration:85ms;transition-property:background-color,border-color,box-shadow;transition-timing-function:ease}.task-details-container .task-details-content aside .secondary-btn:hover{background-color:rgba(9,30,66,.08)}.task-details-container .task-details-content aside svg{color:rgba(23,43,77,.8);margin:0 8px 0 -4px;width:18px;height:18px}.task-details-container .task-details-content aside span{color:inherit;line-height:17px}.close-popover-btn{position:absolute;top:5px;right:10px;cursor:pointer}.close-popover-btn:hover{opacity:.8}.hidden{opacity:0;cursor:pointer}.save-comment-btn-typing-style{cursor:pointer;border:none;box-shadow:none;background-color:#0079bf;color:#fff}.save-comment-btn-typing-style:hover{background-color:#026aa7}.save-comment-btn-typing-style:active{background-color:#055a8c}.label-choosing-container{min-height:140px}.label-choosing{display:flex;gap:1px;justify-content:flex-end}.label-choosing:first-of-type div:hover{box-shadow:-8px 0 0 #3165c7}.label-choosing:nth-of-type(2) div:hover{box-shadow:-8px 0 0 #2a8339}.label-choosing:nth-of-type(3) div:hover{box-shadow:-8px 0 0 #a57e2b}.label-choosing:nth-of-type(4) div:hover{box-shadow:-8px 0 0 #883d33}.label-color{width:100%;color:#eeebeb;border-radius:3px;cursor:pointer;font-weight:700;margin:0 0 4px;min-height:32px;padding:6px 12px;position:relative;transition:padding 85ms,margin 85ms,box-shadow 85ms}.label-color:hover{opacity:.9;margin-left:4px}.label-color:active{padding-left:12px;margin-left:3px}.delete-label-svg{fill:#fff;width:8px;height:8px;transform:scale(2);position:absolute;right:10px;top:12px}.label-pencil{cursor:pointer;background:none;border:none;padding-top:0;height:30px;border-radius:5px}.label-pencil:hover{background-color:rgba(3,18,46,.0784313725490196)}.label-pencil svg{width:20px;height:20px;transform:scale(.8)}.edit-label-container{display:flex;flex-direction:column;justify-content:space-around}.edit-label-container label{margin-top:15px;color:#5e6c84;display:block;font-size:12px;font-weight:700;margin-bottom:4px}.edit-label-container .labelTitleInput{width:100%;display:block;margin:0 0 20px}.edit-label-container .labelTitleInput:hover{background-color:#ebecf0;box-shadow:inset 0 0 0 2px #dfe1e6}.edit-label-container .edit-label-buttons{display:flex;justify-content:space-between;margin-top:8px}.edit-label-container .edit-label-buttons>*{height:32px;border:none;color:#fff;font-size:14px;line-height:20px;font-weight:400;border-radius:3px;cursor:pointer;padding:6px 12px}.edit-label-container .edit-label-buttons .save{width:75px;background-color:#0079bf}.edit-label-container .edit-label-buttons .save:hover{background-color:#026aa7}.edit-label-container .edit-label-buttons .delete{width:63px;background-color:#b04632}.edit-label-container .edit-label-buttons .delete:hover{background-color:#9c3e2c}.task-features{display:flex;flex-wrap:wrap;margin-left:30px;margin-bottom:10px;align-items:flex-start;grid-gap:20px;gap:20px}.task-features-container{display:flex;flex-wrap:wrap;margin-bottom:20px}.task-features-container>*{margin-top:5px}.labels-to-show-header,.members-to-show-header{font-size:12px;margin-bottom:10px;margin-right:20px}.labels-container{display:flex;flex-direction:column;margin-right:10px}.label-to-show-container{border-radius:3px;box-sizing:border-box;float:left;font-weight:600;height:32px;line-height:32px;margin:0 4px 4px 0;min-width:40px;padding:0 0;width:auto}.label-to-show-container,.label-to-show-container .label-to-show-list{display:flex;flex-wrap:wrap}.label-to-show-container .label-to-show-list>*{color:#fff;margin-right:5px;cursor:pointer;min-width:40px;min-height:34px}.label-to-show-container .label-to-show-list>:hover{opacity:.8}.label-to-show{padding:1px 8px;border-radius:3px;min-height:15px}.member-choosing{display:flex}.member-choosing>*{display:flex;align-items:center;gap:10px;margin-bottom:10px;cursor:pointer;width:100%}.member-choosing>:hover{background-color:rgba(9,30,66,.04)}.members-container{margin-right:10px}.member-to-show-container{float:left;height:32px;margin:0 4px 4px 0}.member-to-show-container,.member-to-show-container .member-to-show-list{display:flex;flex-wrap:wrap}.member-to-show-container .member-to-show-list>*{margin-right:5px;cursor:pointer;min-height:34px}.member-to-show-container .member-to-show-list>:hover{opacity:.8}.member-to-show-modal{display:flex}.member-modal-avatar{position:absolute;right:10px;top:10px;transform:scale(1.2)}.remove-member-btn{cursor:pointer;padding:3px;margin-left:-5px}.remove-member-btn:hover{background-color:rgba(9,30,66,.0392156862745098)}.delete-member-svg{width:8px;height:8px;transform:scale(1.7);position:absolute;right:30px}.set-cover-container{display:flex;flex-direction:column;gap:10px}.set-cover-container .remove-cover-btn{right:12px}.set-cover-container main{margin-top:20px;display:flex;flex-direction:column;gap:10px}.set-cover-container main h4{margin-bottom:5px}.remove-cover-btn{position:absolute;background-color:#ecebeb;border-radius:3px;border:none;padding:3px 5px}.remove-cover-btn:hover{opacity:.8}.remove-cover-btn:active{background-color:#dfdddd}.big-features-container{margin-left:45px;margin-bottom:40px}.big-features-container .attachments-container .external-link-attach{font-family:fa-solid;margin-left:4px}.big-features-container .attachments-container .external-link-attach:before{content:""}.big-features-container .attachments-container .title-attach-edit{border-radius:3px;margin-bottom:4px;outline:#0079bf}.big-features-container .attachments-container .attach-title{font-weight:700}.big-features-container .attachments-container .attachments-img{background-size:cover;border-radius:3px;height:80px;width:112px}.big-features-container .attachments-container .edit-attach-btn{border:none;background-color:transparent;padding:0}.big-features-container .attachments-container .attach-btns{cursor:pointer;color:#5e6c84;text-decoration:underline}.map-container{margin:20px 10px -15px -3px}@media(max-width:750px){.map-container{margin-left:-18px}}.map{width:90%;height:240px;margin:auto}.map-form{margin:auto;display:flex;align-items:center;justify-content:center;margin-bottom:5px}.map-form .map-input{width:40%;transform:scale(.9)}.map-form button{background:none;border:none}.map-form .map-search-btn{transform:scale(.8);margin-left:-10px;border:1px solid #2d2d2d}.card-back-location-footer{align-items:center;display:flex;justify-content:space-between;padding:8px 12px;background-color:#e7e6e6;width:90%;margin:auto;cursor:pointer}.card-back-location-footer:hover{background-color:#dfdfdf}.card-back-location-details{width:calc(100% - 32px);display:block}.quiet{color:#5e6c84;font-family:fa-solid}.quiet:before{content:"";transform:scale(1.5);opacity:.5;margin-right:5px}.card-back-location-controls{align-items:center;clear:both;display:flex;margin-top:8px;justify-content:space-between}.remove-map-inner-btn{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;line-height:20px;cursor:pointer}.remove-map-inner-btn:hover{opacity:.6}.remove-map-btn{color:#42526e;font-size:16px;height:20px;line-height:20px;width:20px;font-family:fa-solid;cursor:pointer}.remove-map-btn:before{content:"";transform:scale(1.5);opacity:.5}.remove-map-btn:hover{opacity:.6}.attach-popover .img-upload-container{padding:4px;padding-left:0}.attach-popover .img-upload-container:hover{background-color:#dfdfdf}.attach-popover .img-upload-container .clickable span:before{font-family:-apple-system,Segoe UI,Roboto,Noto Sans,Ubuntu,Droid Sans,Helvetica,sans-serif;content:"📁 Upload"}.date-picking-container .edit-date-buttons{display:flex;flex-direction:column;margin-top:20px}.date-picking-container .edit-date-buttons>*{width:100%;box-shadow:none;border:none;font-size:14px;font-weight:400;cursor:pointer;padding:6px 12px;border-radius:3px;line-height:20px;margin-bottom:7px}.date-picking-container .edit-date-buttons .save-date-btn{background-color:#026aa7;color:#fff}.date-picking-container .edit-date-buttons .save-date-btn:active{background-color:#0d74af}.date-picking-container .edit-date-buttons .delete-date-btn{background-color:rgba(9,30,66,.1);color:#172b4d;margin-left:0}.date-picking-container .edit-date-buttons .delete-date-btn:hover{color:#172b4d;border:none;background-color:rgba(9,30,66,.08)}.date-container{display:flex;flex-direction:column}.date-container .date-check-boxes{height:21px}.date-to-show-header{font-size:12px;margin-bottom:10px;margin-right:20px;color:#5e6c84;font-weight:600}.date-to-show-container{display:flex;flex-wrap:wrap;align-items:center}.date-svg{cursor:pointer;fill:#026aa7;width:1em;height:1em;display:inline-block;font-size:1.5rem;transition:fill .2s cubic-bezier(.4,0,.2,1) 0ms,opacity .3s;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.date-svg:hover{opacity:.7}.date-to-show-btn{display:flex;color:#172b4d;font-size:14px;font-weight:400;cursor:pointer;padding:7px 12px;border-radius:3px;box-shadow:none;background-color:rgba(9,30,66,.04);-webkit-margin-start:4px;margin-inline-start:4px;align-items:center;border:none}.due-msg{font-size:12px;line-height:16px;padding:0 4px;border-radius:2px;margin:auto 0 auto 8px;font-weight:400}.done{color:#fff;background-color:#61bd4f}.date-drop-btn{display:inline-block;fill:inherit;margin-left:5px;width:15px;height:15px}.board-header{cursor:pointer;font-weight:700;background-color:rgba(173,170,170,0);display:flex;justify-content:space-between;align-items:center;height:auto;margin-top:8px;margin:8px 8px 12px 8px}@media(max-width:665px){.board-header{gap:6px;flex-direction:column}}.board-header .move{margin-right:190px}.board-header .left-side-header{display:flex;align-items:center}@media(max-width:665px){.board-header .left-side-header{align-self:flex-start}}@media(max-width:470px){.board-header .left-side-header{gap:6px;flex-direction:column}}.board-header .left-side-header .left-and-members{display:flex}.board-header .left-side-header .board-title-header input{display:flex;align-items:center;padding:5px 12px;margin-right:4px;line-height:1.375;cursor:pointer;background-color:hsla(0,0%,100%,.366);border:none;border-radius:3px;color:#fff;font-size:16px;font-weight:700}.board-header .left-side-header .board-title-header input:focus{color:#000;box-shadow:inset 0 0 0 2px #0079bf;background-color:#fff;box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.538)}.board-header .left-side-header .board-title-header :hover{background-color:hsla(0,0%,100%,.195)}.board-header .left-side-header .star-favorite{font-size:16.4px;width:32px;height:32px;font-family:fa-regular;color:#fff;background-color:hsla(0,0%,100%,.366);padding:6px 6px 8px;border-radius:3px;margin-right:8px}.board-header .left-side-header .star-favorite:before{content:""}.board-header .left-side-header .star-favorite:hover{color:#ffc41e}.board-header .left-side-header .starred{font-family:fa-solid;color:#ffc41e;font-size:16px}.board-header .left-side-header .members-container{display:flex;gap:8px}@media(max-width:470px){.board-header .left-side-header .members-container{align-self:flex-start}}.board-header .left-side-header .members-container button{padding:10px}.board-header .left-side-header .members-container button span{font-size:1rem;margin:0}.board-header .left-side-header .members-container .avatar-icon{display:flex}.board-header .left-side-header .members-container .add-btn{display:flex;align-items:center;gap:5px;background-color:#f8fcff;color:#100f0f;font-weight:400;border-radius:3px;padding:6px;font-size:14px;font-weight:600}.board-header .left-side-header .members-container .add-btn .user{font-family:fa-solid}.board-header .left-side-header .members-container .add-btn .user:before{content:""}.board-header .left-side-header .members-container .add-btn .user button{justify-content:center}.board-header .left-side-header .members-container .add-btn :hover{background-color:rgba(193,195,196,.7568627450980392)}.board-header .vl{border-left:1px solid rgba(252,251,251,.674);box-shadow:#f8fcff;height:20px;margin-top:5px}.board-header .right-side-header{display:flex}@media(max-width:665px){.board-header .right-side-header{align-self:flex-end}}.board-header .right-side-header .filter-btn{display:flex;border-radius:3px;color:#fff;background-color:hsla(0,0%,100%,.366);font-size:16px;padding:6px 12px;margin-left:8px}.board-header .right-side-header .filter-btn span{padding-right:5px;align-self:center;padding-top:2px;font-size:16px}.board-header .right-side-header .menu-btn{border-radius:3px;color:#fff;background-color:hsla(0,0%,100%,.366);font-size:16px;margin-left:10px;padding:0 12px 0 0}.board-header .right-side-header .menu-btn span{padding:6px;font-size:16px}.board-header button{font-size:14px;height:32px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:3px;color:#fff;border:#fff;overflow-x:none;outline:none;border:none;padding:6px 5px}.left-side-btn button{display:flex;align-items:center;color:#fff;background-color:hsla(0,0%,100%,.366);font-size:16px;padding:6px 12px;margin-left:8px;margin-right:4px;border-radius:3px}.left-side-btn button:active{background-color:hsla(0,5.9%,90%,.366)}.left-side-btn button .rote{transform:rotate(180deg);margin-right:5px}.left-menu{position:fixed;top:100px;left:10px;width:150px;height:100px;z-index:30;background-color:#fff;padding:10px;box-shadow:0 0 9px 3px #5e6c84;border-radius:3px}.left-menu .left-btn{background-color:rgba(38,38,37,0);font-weight:600;display:flex;align-items:center;height:32px;color:#5e6c84;width:100%;border-radius:3px;padding:6px 5px;margin-bottom:5px}.left-menu span{font-size:20px;margin-right:10px}.left-menu :hover{background-color:rgba(230,214,214,.542)}.available-users-container{margin-bottom:4px;padding:4px;display:flex;gap:8px;cursor:pointer}.available-users-container:hover{background-color:hsla(0,0%,79.2%,.404)}.mems-popover{display:flex;flex-direction:column}.mems-popover span:nth-of-type(2){cursor:pointer;text-decoration:underline}.task-preview{position:relative;overflow-x:hidden;background-color:#fff;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(9,30,66,.25098039215686274);color:#172b4d}.task-preview .cover-preview-container{width:100%}.task-preview .cover-preview-container .cover-img-preview{pointer-events:none;width:100%}.task-preview .cover-preview-container .cover-color-preview{height:32px}.task-preview .task-preview-content{padding:6px 8px 2px;margin-bottom:4px}.task-preview .task-preview-content .labels{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:flex}.task-preview .task-preview-content .labels>:hover{opacity:.6}.task-preview .task-preview-content .labels .task-label{color:#fff;font-size:12px;border-radius:3px;line-height:16px;font-weight:700;margin-right:4px;margin-bottom:4px}.task-preview .task-preview-content .labels .increaseLabel,.task-preview .task-preview-content .labels .task-label{transition:all .5s;min-width:56px;padding:0 8px;height:16px}.task-preview .task-preview-content .labels .increaseLabel span{opacity:1}.task-preview .task-preview-content .labels .shrinkLabel{transition:all .5s;padding:0;width:40px;min-width:40px;height:8px}.task-preview .task-preview-content .labels .shrinkLabel span{opacity:0}.task-preview .task-preview-content .edit-task-btn{display:none;position:absolute;right:2px;top:2px;font-family:fa-solid}.task-preview .task-preview-content .edit-task-btn:before{content:""}.task-preview .task-title{margin:0 0 4px}.task-preview .task-show-details{justify-content:space-between;color:rgba(43,42,42,.508);display:flex;flex-direction:row;margin:2px}.task-preview .task-show-details .icons-section{display:flex}.task-preview .task-show-details .icons-section .task-description{padding:2px;margin:0 4px 4px 0}.task-preview .task-show-details .icons-section .task-description span{align-items:center;font-size:20px}.task-preview .task-show-details .icons-section .comments{padding:2px;margin:0 4px 4px 0}.task-preview .task-show-details .icons-section .comments .task-comments span{padding-right:3px;align-items:center;font-size:15px;font-family:fa-regular}.task-preview .task-show-details .icons-section .comments .task-comments span:before{content:""}.task-preview .task-show-details .icons-section .task-attachment{padding:2px;margin:0 4px 4px 0}.task-preview .task-show-details .icons-section .task-attachment span{padding-right:3px}.task-preview .task-show-details .icons-section .task-attachment span:first-of-type{align-items:center;font-size:14px;font-family:fa-solid}.task-preview .task-show-details .icons-section .task-attachment span:first-of-type:before{content:""}.task-preview .task-show-details .icons-section .task-location{padding:2px;margin:0 4px 4px 0}.task-preview .task-show-details .icons-section .task-location span{font-family:fa-solid;padding-right:3px;align-items:center;font-size:15px}.task-preview .task-show-details .icons-section .task-location span:before{content:""}.task-preview .task-show-details .icons-section .task-date{padding:2px;margin:0 4px 4px 0}.task-preview .task-show-details .icons-section .task-date>span{font-family:fa-regular;padding-right:3px;align-items:center;font-size:15px}.task-preview .task-show-details .icons-section .task-date>span:before{content:""}.task-preview .task-show-details .icons-section .task-checklists{display:flex;margin:0 4px 4px 0;padding:2}.task-preview .task-show-details .icons-section .task-checklists p{margin:0}.task-preview .task-show-details .icons-section .task-checklists span{padding-right:3px;align-items:center;font-size:1.2rem}.task-preview .task-show-details .list-task-members{display:flex;float:right;margin:0 -2px 0 0}.task-preview:hover{background-color:rgba(113,130,159,.08)}.task-preview:hover .edit-task-btn{display:block}.material-icons-outlined{font-size:14px}.expand-transition{transition:all .3s ease;height:30px;padding:10px;background-color:#eee;overflow:hidden}.expand-enter,.expand-leave{height:0;padding:0 10px;opacity:0}.overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.501);opacity:1;transition:opacity .2s ease-out;width:100%;height:100vh;z-index:10;overflow-y:auto}.show-task-modal{position:relative;z-index:30;height:100px;width:100%;background-color:#ebeeee;pointer-events:auto;overflow-y:hidden}.save-edit-task{position:fixed;z-index:30;transform:translate(-246px,100px);font-size:1.2rem;border-radius:3px;margin-top:8px;color:#fff;padding:6px 12px;border:none;background-color:#0079bf}.save-edit-task:hover{background-color:#026aa7}.modal-btn{position:fixed;display:flex;flex-direction:column;width:150px;transform:translate(260px,-120px);z-index:30}.modal-btn button{font-size:1.2rem;color:#fff;border-radius:3px;margin-top:8px;padding:6px 12px;border:none;background-color:rgba(30,30,31,.6509803921568628)}.open-edit-btn:hover,.remove-edit-btn:hover{background:rgba(0,0,0,.8);margin-right:-15px}.show-task-cover-modal{position:relative;z-index:30;pointer-events:none}.input-edit-task{width:100%;height:100%;resize:none;border:none;outline:none;background-color:#ebeeee;font-size:1.1rem}.bgc-aside-menu{overflow-y:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px}.bgc-aside-menu .color-div{height:80px;border-radius:3px}.bgc-aside-menu .color-div:hover{filter:brightness(85%)}.bgc-aside-menu .colorChoice{border:2px solid #fff}.background-picker{display:grid;grid-template-columns:repeat(auto-fill,42px);gap:3.5px}.background-picker .color-box{height:35px;border-radius:3px;background-size:cover;cursor:pointer}.background-picker .color-box:hover{filter:brightness(85%)}.background-picker .colorChoice{border:2px solid #fff}.background-unsplash input{margin:0;padding:8px;width:100%;border-radius:3px;border:none}.background-unsplash>div{margin-top:8px;display:grid;height:45.5vh;grid-template-columns:1fr 1fr;gap:8px;overflow-y:auto}.background-unsplash>div::-webkit-scrollbar{width:8px;padding:none}.background-unsplash>div::-webkit-scrollbar-track{border-radius:1rem;background-color:#e0e0e0}.background-unsplash>div::-webkit-scrollbar-thumb{background:#555;border-radius:1rem;border-left:none}.background-unsplash>div::-webkit-scrollbar-track-piece{background:hsla(0,0%,65.5%,0)}.background-unsplash>div .unsplash-box{height:80px;border-radius:3px;background-size:cover;cursor:pointer}.background-unsplash>div .unsplash-box:hover{filter:brightness(85%)}.filter-menu{position:fixed;display:flex;flex-direction:column;background-color:#fff;color:#172b4d;top:90px;right:5px;height:725px;width:385px;border-radius:3px;padding:8px 6px 12px 12px;z-index:2}.filter-menu .move{margin-right:190px}.filter-menu .filter-header{display:flex;z-index:1;font-size:13px;margin-left:150px;justify-content:space-between;align-items:center}.filter-menu .filter-header .header{display:flex}.filter-menu .filter-header .el-icon-close{display:flex;background-color:transparent;color:#7c7b7b}.filter-menu .filter-header .el-icon-close:hover{color:#000}.filter-menu hr{background-color:rgba(9,30,66,.12941176470588237);border:0;height:1px;margin:14px 0}.filter-menu hr:first-of-type{margin:12px;margin-top:1px}.filter-menu .filter-content{height:80vh;overflow-y:auto}.filter-menu .filter-content::-webkit-scrollbar{width:8px;padding:none}.filter-menu .filter-content::-webkit-scrollbar-track{border-radius:1rem;background-color:#e0e0e0}.filter-menu .filter-content::-webkit-scrollbar-thumb{background:#555;border-radius:1rem;border-left:none}.filter-menu .filter-content::-webkit-scrollbar-track-piece{background:hsla(0,0%,65.5%,0)}.filter-menu .search-filter-input input{width:90%;height:36px;outline:none;border:none;color:#172b4d;font-weight:400;transition-property:background-color,border-color,box-shadow;transition-duration:85ms;transition-timing-function:ease;border-radius:3px;padding:8px 12px;box-shadow:inset 0 0 0 2px #dfe1e6;background-color:#fafbfc;width:100%;margin-bottom:0}.filter-menu p{color:#18191c;font-size:12px;font-weight:600;line-height:16px;margin-top:16px;margin-bottom:8px}.filter-menu .filter-members{display:flex;flex-direction:column}.filter-menu .filter-members label .el-checkbox__label{line-height:20px;color:#5e6c84;padding:8px 0 8px 8px}.filter-menu .filter-labels{display:flex;flex-direction:column}.filter-menu .filter-labels label{line-height:20px;color:#fff;padding:0 0 0 8px;font-weight:700}.filter-menu .filter-labels label .el-checkbox__label .label{display:flex;height:32px;width:320px;border-radius:3px}.filter-menu .filter-labels label .el-checkbox__label .label1{background-color:#eb5a46}.filter-menu .filter-labels label .el-checkbox__label .label2{background-color:#0079bf}.filter-menu .filter-labels label .el-checkbox__label .label3{background-color:#ff9f1a}.filter-menu .filter-labels label .el-checkbox__label .label4{background-color:#61bd4f}.filter-menu .filter-labels .el-checkbox__input{margin-bottom:20px}.filter-menu .el-checkbox__inner{display:flex;display:inline-block;position:relative;border:1px solid #dcdfe6;border-radius:2px;width:16px;height:16px;background-color:#fff;z-index:1;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.filter-menu-open{opacity:1;margin-right:0}.filter-close{opacity:0;margin-right:-400px}.add-checklist-container .add-checklist-btn{width:72px;height:32px;background-color:#0079bf;font-size:14px;font-weight:400;padding-top:8px;margin-top:10px}.add-checklist-container .add-checklist-btn:hover{background-color:#026aa7}.add-checklist-header{font-size:13px;margin-top:10px;margin-bottom:3px;color:#5e6c84;font-weight:600}.task-checklists{margin-right:unset}.task-activities{display:flex;flex-direction:column}.task-activities h3{margin:0;font-size:16px;font-weight:600;color:#172b4d;line-height:1px}.task-activities .activity-toggle-btn{border:none;border-radius:3px;background-color:rgba(9,30,66,.0392156863);cursor:pointer;color:#172b4d;display:inline-block;line-height:20px;padding:6px 12px;position:relative}.window-modal-title{display:flex;align-items:center;min-height:32px;margin:0 0 4px 40px;padding:8px 0;position:relative;justify-content:space-between}.window-modal-title .svg{left:-40px;position:absolute;color:#42526e;height:26px;width:32px}.task-activities-header{display:flex;align-items:center}.checklist-progress{margin-bottom:6px;position:relative}.checklist-progress .checklist-progress-percentage{color:#5e6c84;font-size:11px;left:0;line-height:10px;position:absolute;text-align:center;top:-1px;width:32px}.checklist-progress .checklist-progress-bar{background-color:rgba(9,30,66,.0784313725);border-radius:4px;clear:both;height:8px;margin:0 0 0 40px;overflow:hidden;position:relative}.checklist-progress .checklist-progress-bar .checklist-progress-bar-current{bottom:0;left:0;position:absolute;top:0;transition-duration:.14s;transition-property:all;transition-timing-function:ease-in}.todo-list .todo-preview-container{display:flex;flex-direction:column;border-radius:3px;clear:both;padding-left:4px;position:relative;transform-origin:left bottom;transition-duration:.14s;transition-property:transform,opacity,height,padding,margin;transition-timing-function:ease-in}.todo-list .todo-preview-container .todo-preview{float:left;width:100%}.todo-list .todo-preview-container .todo-preview svg{color:#dfe1e6;cursor:pointer;margin-right:11px;height:20px;width:25px;transition-duration:.5s;transition-property:opacity,color;transition-timing-function:ease}.checklist-txt-and-btn{display:inline-flex;padding:6px 0;width:100%}.checklist-txt-and-btn span{align-self:center;flex:1 1;margin-bottom:0;min-height:20px;cursor:pointer;overflow-wrap:break-word;word-break:break-word;text-decoration:none;color:#42526e;transition:all .5s ease}.todo-remove-icon{color:unset;display:none;transition:all .5s ease}.checklist-btns{display:flex;align-items:center;margin-left:37px}.checklist-btns .nch-btn{align-items:center;border-radius:3px;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;font-weight:400;justify-content:center;line-height:20px;padding:6px 12px;text-decoration:none;transition-duration:85ms;transition-property:background-color,border-color,box-shadow;transition-timing-function:ease}.checklist-btns .close-btn{margin-left:7px}.todo-add-container .todo-add-btn{margin-top:8px;align-items:center;background-color:rgba(9,30,66,.0392156863);border-radius:3px;color:#172b4d;margin-left:40px}.show{display:flex}.dash .modal-background{height:100vh;overflow:auto;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(92,92,92,.925)}.dashboard-container h1{text-align:center;margin-top:2%;font-family:monospace,Segoe UI;font-size:3rem;color:#fff}.dashboard-container .close-dashboard-btn{position:absolute;top:25px;right:30px;transform:scale(3);font-family:fa-solid;border:none;background:none;color:#fff}.dashboard-container .close-dashboard-btn:before{content:"";opacity:.8}.dashboard-container .close-dashboard-btn:hover{opacity:.7}.details-container{display:flex;justify-content:center}.detail{display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-color:#2d2d2d;border-radius:20px;border:1px solid #fff;width:20%;margin:25px 10px 0;padding:10px}@media(max-width:580px){.detail{width:25%}}@media(max-width:460px){.detail{width:35%}}.detail strong{color:#fff;font-size:18px}.detail span{display:flex;justify-content:center;align-items:center;color:#fff;font-size:50px}.detail p{color:#fff}.charts-container{display:flex;justify-content:center;flex-wrap:wrap;margin:0 auto;position:absolute;left:0;right:0;border-radius:2px}@media(max-width:1000px){.charts-container{gap:10px;margin-top:30px}}.chart{background-color:#2d2d2d;border-radius:20px;border:1px solid #fff;width:30%;height:350px;margin:30px 10px 0;display:flex;justify-content:center;align-items:center}@media(max-width:1000px){.chart{height:300px;width:45%;margin:auto}}@media(max-width:650px){.chart{width:60%}}@media(max-width:460px){.chart{width:70%}}@media(max-width:1100px){.chart>*{width:800px;height:800px}}@media(max-width:460px){.chart>*{width:700px;height:700px}}.chartjs-render-monitor{-webkit-animation:none;animation:none}.main-map-container .modal-background{height:100vh;overflow:auto;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(92,92,92,.925)}.main-map-container .close-map-btn{position:absolute;top:25px;right:30px;transform:scale(3);font-family:fa-solid;border:none;background:none;color:#fff}.main-map-container .close-map-btn:before{content:"";opacity:.8}.main-map-container .close-map-btn:hover{opacity:.7}.main-map{width:75%;height:80%;margin:60px auto;border:2px solid #000}.task-preview-in-map .cover-preview-container img{max-height:100px}.login{height:calc(100vh - 44px);background-color:#fff;width:100%;text-align:center;padding-top:30px}.login small{color:red}.login div{box-shadow:0 0 5px 2px rgba(9,30,66,.25098039215686274);margin:auto;width:300px;padding:20px}.login div h4{padding-bottom:10px;font-size:18px}.login div button{display:flex;justify-content:center;align-items:center;gap:4px;border-radius:3px;border:1px solid hsla(0,0%,61.2%,.555)}.login div button span{text-decoration:none}.login div .google-btn{width:100%;margin-top:4px;background-color:#fff}.login div .google-btn:hover{background-color:hsla(0,0%,90.6%,.705)}.login div .google-btn img{height:30px;width:30px}.login div form{display:flex;flex-direction:column;gap:8px}.login div form img{height:30px}.login div form input{border-radius:3px;padding:6px;border:1px solid hsla(0,0%,61.2%,.555)}.login div form button{margin-top:8px;color:#fff;padding:6px 12px;border:none;background-color:#0079bf}.login div form button:hover{background-color:#026aa7}.login div span{cursor:pointer;text-decoration:underline}