.grid-item{background-color:#fff;padding:18px;border-radius:2px;box-shadow:0 1px 4px rgba(0,0,0,.25)}.full-width{width:100%}.full-width .item{width:100%;background-color:#fff;padding:16px;border-radius:2px;box-shadow:0 2px 3px rgba(0,0,0,.25)}.table .table-filter{margin-bottom:8px;display:flex;justify-content:flex-start;align-items:center;gap:1rem}.table .table-filter button{min-height:42px}.table .date{flex:2 1;display:flex;flex-direction:column;align-items:flex-start;font-size:.9em}.table .date .day{text-align:left;width:max-content}.table .date .time{font-size:12px;color:gray}.table .activity span{color:#034bb8}.table .level{display:flex;justify-content:center;align-items:center;width:90px;height:30px;color:#fff;border-radius:2px;text-align:center;font-size:15px;font-weight:600}.table .level.Low{background-color:rgba(2,54,133,.4)}.table .level.Medium{background-color:rgba(2,54,133,.6)}.table .level.High{background-color:rgba(2,54,133,.8)}.table .icon-stat-group{display:flex;align-items:center}.table .icon-stat-group .MuiSvgIcon-root{color:#023685}.table .icon-stat-group p{margin-left:8px}.table .collapse-container{padding:16px}.table .collapse-container .details{display:flex;flex-wrap:wrap;gap:8px}.table .collapse-container .details .detail{width:49%}.table .collapse-container .details .detail .detail-label{display:flex;align-items:center;column-gap:8px;margin-bottom:8px}.table .collapse-container .details .detail .detail-label .MuiSvgIcon-root{color:#034bb8}.table .collapse-container .details .detail .detail-label p{font-weight:700}.table .collapse-container .details .detail .value{padding-left:32px}.table .collapse-container .progress{display:flex;flex-direction:column;justify-content:center;row-gap:16px;border-left:1px solid #bbb;padding:0 16px}.table .collapse-container .progress p{font-weight:700}.table .collapse-container .progress .progress-bar{display:flex;align-items:center;column-gap:8px}.table .collapse-container .progress .progress-bar p{font-size:16px}.table .collapse-container .progress .progress-bar .MuiLinearProgress-root{flex-grow:1;height:32px;border:1px solid #bbb;border-radius:32px;background-color:#fff}.table .collapse-container .progress .progress-bar .MuiLinearProgress-root .MuiLinearProgress-bar{background-image:linear-gradient(90deg,#034BB8,#4BA3D5)}.table .collapse-container .navigation-button{margin-top:28px;display:flex;align-items:center;justify-content:flex-end}.table .MuiTableContainer-root .MuiTableHead-root .MuiTableRow-root .MuiTableCell-root{background-color:#034bb8;color:#fff;text-transform:capitalize;font-weight:700}.table .MuiTableContainer-root .MuiTableHead-root .MuiTableRow-root .MuiTableCell-root .MuiTableSortLabel-root:hover{color:#d3d3d3}.table .MuiTableContainer-root .MuiTableHead-root .MuiTableRow-root .MuiTableCell-root .MuiTableSortLabel-root:hover svg{color:#d3d3d3;opacity:1}.table .MuiTableContainer-root .MuiTableBody-root .MuiTableRow-root .MuiAvatar-root{border:2px solid #034bb8}.table .MuiTableContainer-root .MuiTableBody-root .MuiTableRow-root .actor,.table .MuiTableContainer-root .MuiTableBody-root .MuiTableRow-root .object{color:#034bb8}.table .invite{margin-bottom:28px}.table .invite label{display:block;color:#545454}.table .invite .MuiInputBase-root{border-radius:5px;margin-left:0;padding-left:16px;background-color:#f4f6fb;width:100%;margin-bottom:16px;margin-top:16px}.table#direction-list .has-icon{display:flex;align-items:center;column-gap:.5rem}body:has(>main#studio),html:has(body>main#studio){font-size:16px}body:has(>main#studio) h1,html:has(body>main#studio) h1{font-size:24px;font-weight:500;margin-bottom:28px}body:has(>main#studio) h3,html:has(body>main#studio) h3{font-size:20px;font-weight:400;margin-top:40px;margin-bottom:16px}body:has(>main#studio) .icons,html:has(body>main#studio) .icons{width:24px;height:24px}body:has(>main#studio) p,html:has(body>main#studio) p{margin:0;line-height:1.3rem}body:has(>main#studio) ul,html:has(body>main#studio) ul{padding-left:0}body:has(>main#studio) ul li,html:has(body>main#studio) ul li{list-style-type:none;list-style:none}body:has(>main#studio) .MuiBreadcrumbs-ol,html:has(body>main#studio) .MuiBreadcrumbs-ol{margin-bottom:24px!important;align-items:baseline}body:has(>main#studio) .MuiBreadcrumbs-ol .MuiBreadcrumbs-li p,html:has(body>main#studio) .MuiBreadcrumbs-ol .MuiBreadcrumbs-li p{font-size:1rem;color:rgb(1.2444444444,33.6,82.7555555556);opacity:.8}body:has(>main#studio) .MuiBreadcrumbs-ol .MuiBreadcrumbs-separator,html:has(body>main#studio) .MuiBreadcrumbs-ol .MuiBreadcrumbs-separator{font-size:24px}body:has(>main#studio) .MuiAvatar-root,html:has(body>main#studio) .MuiAvatar-root{border:1px solid #034bb8}body:has(>main#studio) .underline,html:has(body>main#studio) .underline{text-decoration:underline}body:has(>main#studio) .bold,html:has(body>main#studio) .bold{font-weight:700}body:has(>main#studio) .field,html:has(body>main#studio) .field{margin-top:18px;display:flex;flex-flow:column;gap:6px}body:has(>main#studio) .field label,html:has(body>main#studio) .field label{font-size:1em;width:max-content;color:#545454;margin-top:0}body:has(>main#studio) .field .field-instruction,html:has(body>main#studio) .field .field-instruction{font-size:.75rem;color:gray}body:has(>main#studio) #nav-logo:hover,html:has(body>main#studio) #nav-logo:hover{cursor:pointer}body:has(>main#studio) .activity-icon,html:has(body>main#studio) .activity-icon{padding:0;display:flex;justify-content:center}body:has(>main#studio) .activity-icon:before,html:has(body>main#studio) .activity-icon:before{content:"";position:absolute;top:0;left:0;height:100%;width:1px;background-color:#bbb}body:has(>main#studio) .activity-icon:after,html:has(body>main#studio) .activity-icon:after{content:"";position:absolute;top:0;right:0;height:100%;width:1px;background-color:#bbb}body:has(>main#studio) .activity-icon .MuiSvgIcon-root,html:has(body>main#studio) .activity-icon .MuiSvgIcon-root{height:32px;width:32px}body:has(>main#studio) .activity-icon--down,html:has(body>main#studio) .activity-icon--down{color:#023685}body:has(>main#studio) .activity-icon--flat,html:has(body>main#studio) .activity-icon--flat{color:#eca400}body:has(>main#studio) .activity-icon--up,html:has(body>main#studio) .activity-icon--up{color:#850707}body:has(>main#studio) .vert-scroll,html:has(body>main#studio) .vert-scroll{position:relative;overflow-y:scroll;overflow-x:hidden}body:has(>main#studio) .vert-scroll::-webkit-scrollbar,html:has(body>main#studio) .vert-scroll::-webkit-scrollbar{position:absolute;right:0;top:0;z-index:2;width:8px}body:has(>main#studio) .vert-scroll::-webkit-scrollbar-track,html:has(body>main#studio) .vert-scroll::-webkit-scrollbar-track{background:#f1f1f1}body:has(>main#studio) .vert-scroll::-webkit-scrollbar-thumb,html:has(body>main#studio) .vert-scroll::-webkit-scrollbar-thumb{background:#828282;border-radius:6px;border:3px solid rgba(0,0,0,0)}body:has(>main#studio) .vert-scroll::-webkit-scrollbar-thumb:hover,html:has(body>main#studio) .vert-scroll::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.8)}body:has(>main#studio) .vert-scroll::-webkit-scrollbar-corner,html:has(body>main#studio) .vert-scroll::-webkit-scrollbar-corner{background:rgba(0,0,0,0)}body:has(>main#studio) .red-dialog .MuiPaper-root,html:has(body>main#studio) .red-dialog .MuiPaper-root{border-left:8px solid #c61631;padding:16px}body:has(>main#studio) .red-dialog .MuiPaper-root .delete-btn:not(:disabled),html:has(body>main#studio) .red-dialog .MuiPaper-root .delete-btn:not(:disabled){color:#c61631;border-color:#c61631;transition:all .3s}body:has(>main#studio) .red-dialog .MuiPaper-root .delete-btn:not(:disabled):hover,html:has(body>main#studio) .red-dialog .MuiPaper-root .delete-btn:not(:disabled):hover{color:#fff;background-color:#c61631;transition:all .3s}body:has(>main#studio) .green-dialog .MuiPaper-root,html:has(body>main#studio) .green-dialog .MuiPaper-root{border-left:8px solid #0fa782;padding:16px}body:has(>main#studio) .green-dialog .MuiPaper-root .add-btn:not(:disabled),html:has(body>main#studio) .green-dialog .MuiPaper-root .add-btn:not(:disabled){color:#0fa782;border-color:#0fa782;transition:all .3s}body:has(>main#studio) .green-dialog .MuiPaper-root .add-btn:not(:disabled):hover,html:has(body>main#studio) .green-dialog .MuiPaper-root .add-btn:not(:disabled):hover{color:#fff;background-color:#0fa782;transition:all .3s}body:has(>main#studio) .drawer-btn,html:has(body>main#studio) .drawer-btn{border-radius:0 2px 2px 0!important}body:has(>main#studio) .recent-activities table,html:has(body>main#studio) .recent-activities table{width:100%}body:has(>main#studio) .recent-activities table tr td,html:has(body>main#studio) .recent-activities table tr td{align-content:center;align-self:center}body:has(>main#studio) .recent-activities table tr td.text,html:has(body>main#studio) .recent-activities table tr td.text{font-size:14px;flex:7 1}body:has(>main#studio) .recent-activities table tr td.text div span,html:has(body>main#studio) .recent-activities table tr td.text div span{color:#034bb8}body:has(>main#studio) .recent-activities table tr td.avatar,html:has(body>main#studio) .recent-activities table tr td.avatar{padding-left:0;padding-right:0}body:has(>main#studio) .recent-activities table tr td.priority,html:has(body>main#studio) .recent-activities table tr td.priority{position:relative}body:has(>main#studio) .recent-activities table tr td.text,html:has(body>main#studio) .recent-activities table tr td.text{padding-left:0}body:has(>main#studio) .recent-activities table tr td.date .date-wrapper,html:has(body>main#studio) .recent-activities table tr td.date .date-wrapper{display:flex;flex-direction:column;align-items:flex-end;width:100%;font-size:.9em}body:has(>main#studio) .recent-activities table tr td.date .date-wrapper .day,html:has(body>main#studio) .recent-activities table tr td.date .date-wrapper .day{text-align:left;width:max-content}body:has(>main#studio) .recent-activities table tr td.date .date-wrapper .time,html:has(body>main#studio) .recent-activities table tr td.date .date-wrapper .time{font-size:12px;color:gray}body:has(>main#studio) .recent-activities table .clickable:hover,html:has(body>main#studio) .recent-activities table .clickable:hover{transition:background-color .2s;background-color:rgba(224,236,254,.2901960784);cursor:pointer}body:has(>main#studio) .recent-activities table .clickable:hover .message,html:has(body>main#studio) .recent-activities table .clickable:hover .message{text-decoration:underline}#dashboard,#page-bug-report,#project-report,#team-activities,#team-users{padding:0}#dashboard .counts .grid-item{position:relative;overflow:hidden}#dashboard .counts .grid-item .triangle{position:absolute;top:-29px;right:-31px;width:150px;height:75px;transform:rotate(32deg);background:#023685;box-shadow:inset 0 0 20px #0f0f0f}#dashboard .counts .grid-item .triangle .icons{position:absolute;display:flex;align-content:center;bottom:20px;left:55%;color:#fff;transform:rotate(-32deg);z-index:1}#dashboard .counts .grid-item .grid-item-content{padding-left:1em;width:60%}#dashboard .counts .grid-item .grid-item-content .number{height:48px;font-size:2em;color:#034bb8}#dashboard .counts .grid-item .grid-item-content .total{font-size:14px;text-transform:capitalize}#dashboard .projects .grid-item{min-height:19em;height:100%}#dashboard .projects .grid-item .grid-item-content{height:100%;display:flex;flex-direction:column}#dashboard .projects .grid-item .grid-item-content>*{flex:4 1}#dashboard .projects .grid-item .grid-item-content .date{flex:2 1;font-size:12px}#dashboard .projects .grid-item .grid-item-content .date .time{display:none}#dashboard .projects .grid-item .grid-item-content .project-name{flex:6 1;font-size:1.3em}#dashboard .projects .grid-item .grid-item-content .status{flex:2 1}#dashboard .projects .grid-item .grid-item-content .status>.MuiBox-root .MuiBox-root:first-child{flex:1 1}#dashboard .projects .grid-item .grid-item-content .status>.MuiBox-root .MuiLinearProgress-root{height:10px;flex:1 1}#dashboard .projects .grid-item .grid-item-content .status>.MuiBox-root .MuiLinearProgress-bar{background-color:#fff}#dashboard .projects .grid-item .grid-item-content .footer{display:flex;align-items:flex-end;justify-content:space-between}#dashboard .projects .grid-item .grid-item-content .footer .users{display:flex;flex-direction:column;flex-wrap:wrap}#dashboard .projects .grid-item .grid-item-content .footer .users span.number{font-size:1.4em}#dashboard .projects .grid-item .grid-item-content .footer .users span:nth-of-type(2){font-size:11px;font-weight:300}#dashboard .projects .grid-item .grid-item-content .footer .users.hidden{visibility:hidden}#dashboard .projects .grid-item .grid-item-content .footer .btn-white-outlined{padding:8px 16px;text-decoration:none;border:1px solid #fff;border-radius:4px;color:#fff;margin-left:auto;transition:all .3s}#dashboard .projects .grid-item .grid-item-content .footer .btn-white-outlined:hover{color:#034bb8;background-color:#fff;transition:all .3s}#dashboard .projects .grid-item.add-project .grid-item-content{justify-content:center;align-items:center}#dashboard .projects .grid-item.add-project .grid-item-content div{display:contents;text-align:center}#dashboard .projects .grid-item.add-project svg{display:block;transition:transform .2s}#dashboard .projects .grid-item.add-project:hover{cursor:pointer}#dashboard .projects .grid-item.add-project:hover svg{transform:scale(1.2);transition:transform .2s}#dashboard .projects .grid-item.no-project{background-color:rgba(0,0,0,0);border:2px dotted gray;display:flex;align-items:center;justify-content:center;box-shadow:none;color:gray;opacity:.6}#dashboard .projects .project:nth-of-type(2) .grid-item{background-color:#0a57cb;color:#fff}#dashboard .projects .project:nth-of-type(3) .grid-item{background-color:#034bb8;color:#fff}#dashboard .projects .project:nth-of-type(4) .grid-item{background-color:#023685;color:#fff}#dashboard .activities .grid-item{min-height:7em}#dashboard .activities .grid-item .grid-item-content{position:relative}#dashboard .activities .grid-item .grid-item-content .recent-activities{width:100%;height:10em;overflow-x:hidden;overflow-y:auto}#dashboard .activities .grid-item .grid-item-content .see-more{display:flex;justify-content:center;margin-top:1rem}#dashboard .activities .grid-item .grid-item-content .see-more a{color:gray;font-size:13px;transition:color .2s}#dashboard .activities .grid-item .grid-item-content .see-more a:hover{color:#023685;transition:color .2s}