body{margin:0 auto;font-family:IBM Plex Sans,sans-serif;color:#dadada;scroll-behavior:smooth}i{font-size:14px}.no-pad{margin:0;padding:0}.border-b-1{border:1px solid #000}.left-wrapper{background-color:#262729;display:flex;height:100%}.sidebar-wrapper{display:inline-block;width:80px}.sidebar-wrapper .sidebar{position:fixed;width:80px;height:100%;background-color:#17181a;color:#fff;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:30px 0;box-shadow:0 0 40px 0 rgba(0,0,0,.4)}.sidebar-wrapper .sidebar ul{list-style:none;padding:0}.sidebar-wrapper .sidebar ul .opt-item,.sidebar-wrapper .sidebar ul li{padding:10px;margin:10px 0;display:flex;justify-content:center;align-items:center}.sidebar-wrapper .sidebar ul .opt-item.active,.sidebar-wrapper .sidebar ul li.active{background-color:#0074ff}.sidebar-wrapper .sidebar ul .opt-item:hover,.sidebar-wrapper .sidebar ul li:hover{background-color:#16529a}.menu-listing{width:calc(100% - 80px);display:inline-block;color:#fff}.menu-listing .tasks-title{padding:40px 60px}.menu-listing .tasks-title.bottom{cursor:pointer}.menu-listing .tasks-title.bottom .details .title h2{color:#696969;margin:32px 0 0}.menu-listing .tasks-title .details{display:flex;justify-content:space-between}.menu-listing .tasks-title .details .title h2,.menu-listing .tasks-title .details .title p{font-weight:300}.menu-listing .tasks-title .details .title p{font-size:12px;color:#6c757d;margin:0}.menu-listing .tasks-title .details .title h2{font-size:24px}.menu-listing .tasks-title .details .view-types{padding:1px 0;min-width:90px;text-align:right}.menu-listing .tasks-title .details .view-types i{font-size:12px;padding:10px;cursor:pointer}.menu-listing .tasks-title .dropdown{margin-right:8px}.menu-listing .tasks-title .dropdown button{border-radius:0;font-size:12px;padding:6px 10px}.menu-listing .tasks-title .dropdown:last-child{margin-right:0}.menu-listing .tasks-title .filters{margin-top:30px;display:flex;justify-content:space-between}.menu-listing .tasks-title .filters .dropdown-menu{border-radius:0;background-color:#17181a;box-shadow:0 0 30px 5px rgba(0,0,0,.2)}.menu-listing .tasks-title .filters .dropdown-menu a{color:#fff;font-size:12px;padding:5px 10px}.menu-listing .tasks-title .filters .dropdown-menu a:hover{background-color:#2e3339}.menu-listing .tasks-title .filters i{font-size:12px}.tasks::-webkit-scrollbar{background-color:#262729;width:6px}.tasks::-webkit-scrollbar-track{background-color:#262729}.tasks::-webkit-scrollbar-thumb{background-color:#000;border-radius:2px}.tasks .task{display:flex;padding:16px 0;min-height:120px;align-items:center;cursor:pointer;border-left:6px solid transparent}.tasks .task:hover{background-color:#2e3033;border-left:6px solid #2e3033}.tasks .task.active{background-color:#2e3339;border-left:6px solid #4b545f;box-shadow:0 0 30px 5px rgba(0,0,0,.2)}.tasks .task .select{width:58px;display:flex;justify-content:flex-end;padding-right:10px;height:50px}.tasks .task .select input{width:16px;height:16px}.tasks .task .task-item{width:calc(100% - 58px);padding-right:60px}.tasks .task .task-item .name-status{display:flex;justify-content:space-between}.tasks .task .task-item .name-status .title p{font-size:10px;margin-bottom:4px;color:#6c757d;text-transform:uppercase}.tasks .task .task-item .name-status .title h4{font-size:16px;font-weight:300}.tasks .task .task-item .name-status .status{font-size:10px;text-transform:uppercase;font-weight:600;min-width:150px;text-align:right;padding-top:16px}.tasks .task .task-item .name-status .status .progress{height:6px;border-radius:0;background-color:#464646}.tasks .task .task-item .task-desc{min-height:36px}.tasks .task .task-item .task-desc p{font-size:12px;margin-bottom:0;color:#6c757d}.right-wrapper{background-color:#2e3339;color:#fff}.right-wrapper .detail .detail-header{padding:40px 60px}.right-wrapper .detail .detail-header p{font-size:12px;color:#6c757d;text-transform:uppercase;margin:0}.right-wrapper .detail .detail-header h1{font-weight:300}.right-wrapper .detail .detail-header .tags button{text-transform:uppercase;padding:2px 8px;font-size:10px;background-color:transparent;margin-right:8px;font-weight:500;border-radius:25px;border-color:#6c757d;color:#6c757d}.right-wrapper .detail .detail-header .tags button:hover{color:#fff;border-color:#fff}.right-wrapper .detail .task-desc{padding:20px 60px}.right-wrapper .detail .task-desc p{font-size:14px;font-weight:300}.right-wrapper .detail .task-checklist{padding:0 60px}.right-wrapper .detail .task-checklist ul{list-style:none;padding:0}.right-wrapper .detail .task-checklist ul li{display:flex}.right-wrapper .detail .task-checklist ul li label{font-size:14px;font-weight:300}.right-wrapper .detail .detail-footer{margin-top:100px;padding:0 60px}.right-wrapper .detail .detail-footer hr{border-color:#6c757d}.right-wrapper .detail .detail-footer .misc-detail{display:flex;flex:1 1;justify-content:space-between}.right-wrapper .detail .detail-footer .misc-detail p{font-size:10px;text-transform:uppercase;margin:0}.right-wrapper .detail .detail-footer .misc-detail h5{font-size:14px;margin:0}.right-wrapper .detail .detail-footer .task-detail-status .progress{margin-top:8px;height:6px;border-radius:0;background-color:#464646}
/*# sourceMappingURL=main.d66c5b68.chunk.css.map */