@import url(https://fonts.cdnfonts.com/css/muli);*{box-sizing:border-box;margin:0;padding:0}body{font-family:Muli,sans-serif}.navbar{background:#f7f8fc;padding:20px 0;width:100%}.dashboard_header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-left:2rem;margin-right:3rem}.dashboard_header>h3{color:#252733;font-size:20px;font-weight:700}.noti_profile{flex-direction:row;gap:2rem}.noti_profile,.notifications{align-items:center;display:flex}.notifications{gap:1rem}.noti{position:relative}.noti_bubble{align-items:center;background-color:#3751ff;border:3px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:8px;font-weight:600;height:.8rem;justify-content:center;position:absolute;right:-2px;top:0;width:.8rem}.divider-1{border-left:1.5px solid #c5c7cd;height:1rem}.popover-primary{background-color:initial;border:none;color:#c5c7cd;cursor:pointer;display:flex;gap:1rem;outline:none!important}.menu_style,.popover-primary>svg:first-child{position:relative}.menu_style{display:inline-block;text-align:left}.menu_button{align-items:center;background:transparent;border:none;cursor:pointer;display:inline-flex;gap:1rem;justify-content:center;width:100%}.profile_pic{border:2px solid #fff;border-radius:50%;box-shadow:0 3px 5px rgba(0,0,0,.04);height:3rem;width:3rem}.user_name{color:grey;display:block;font-size:1rem}.dropdown_icon{color:grey;height:.7rem;width:.7rem}.menuItems{background:#fff;border-radius:.25rem;box-shadow:0 8px 24px hsla(210,8%,62%,.2);margin-top:2rem;position:absolute;right:0;-webkit-transform-origin:top right;transform-origin:top right;width:130px;z-index:50}.menus{flex-direction:column;gap:.8rem;padding:20px 0}.menus,.navlinks{display:flex;justify-content:center}.navlinks{color:#414042;font-size:1rem;gap:.7rem;text-decoration:none}.to_home{height:1rem;margin-right:2px;width:1rem}@media (max-width:1440px){.dashboard_header h2{display:flex;justify-content:flex-end}.track_order{border:1.5px solid #e7e7e7;border-radius:.3rem;height:3rem}.track_order button{background-color:var(--primary-color);border:none;border-radius:0 .3rem .3rem 0;color:#fff;cursor:pointer;height:100%;padding:0 1.5rem}.tracking{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;width:62%}.dashboard_header h2{width:30%}.track_order input{border:none;border-radius:.3rem;height:0;outline:none;padding:10px 20px;width:270px}.track_order input::-webkit-input-placeholder{color:#b0b0b0;font-size:12px}.track_order input::placeholder{color:#b0b0b0;font-size:12px}.tracking{gap:3rem}}@media screen and (max-width:1200px){.navbar{border-bottom:2px solid #e7e7e7;padding:10px 0;position:absolute;width:90%}.maindash{display:flex;flex-direction:column;justify-content:space-evenly}.dashboard_header{gap:0;margin-left:2rem;margin-right:2rem}.dashboard_header>h2{display:flex;font-size:1.2rem;justify-content:flex-start;width:31%}.track_order{height:100%}.track_order input{border:none;border-radius:.5rem;height:35px;outline:none;padding:0 20px;width:200px}.track_order button{border-radius:0 .3rem .3rem 0;font-size:.7rem;height:35px;padding:0 1rem}.tracking{gap:1rem;width:65%}.tracking>.noti_settings{gap:.7rem}.tracking>.noti_settings>img{width:25%}.logo{width:10%}.logo_img>img:first-child{width:30%}.logo_img>img:nth-child(2),.user_name{display:none}}@media screen and (max-width:768px){.tracking>.noti_settings{gap:1rem}.dashboard_header{margin-left:4.3rem}.dashboard_header>h2{font-size:1rem;width:100%}.navbar{padding:15px 0;width:100%;z-index:8}.tracking{gap:1rem;width:50%}.logo,.track_order{display:none}.tracking>.noti_settings>img{width:35%}.user_name{display:none}}.tickets_task{grid-gap:1rem;display:grid;grid-template-columns:1fr 1fr;margin-top:2rem}.unresolvedTickets{background-color:#fff;border:1px solid #dfe0eb;border-radius:8px;padding:2rem 0 0}.ticketsHeader{display:flex;justify-content:space-between;padding:0 2rem 2.5rem}.ticketsHeader p{color:#3751ff;cursor:pointer;font-size:14px}.ticketsHeader p:hover{text-decoration:underline}.unsupported{display:flex;flex-direction:column;gap:.5rem}.unsupported h3{color:#252733;font-size:18px}.unsupported p{color:#4b506d;font-size:12px;font-weight:600}.unsupported p>span{color:#9fa2b4;font-weight:400}.ticketsBody{display:flex;flex-direction:column;gap:1rem}.tickets{border-bottom:2px solid #e5e5e5;display:flex;justify-content:space-between;padding:0 2rem 1rem}.tickets h4{color:#252733;font-size:14px;font-weight:600}.tickets p{color:#9fa2b4;font-size:13px;font-weight:400}.tickets:nth-child(4){border-bottom:none}.task_status{align-items:center;border-bottom:2px solid #e5e5e5;display:flex;justify-content:space-between;padding:0 2rem .6rem}.task_status h4:first-child{color:#9fa2b4;font-size:14px;font-weight:400}.radio_check h4{color:#252733;font-size:14px;font-weight:600}.task_status p{color:#fff;font-weight:600}.task_status button,.task_status p{border-radius:5px;font-size:11px;padding:.3rem .6rem}.task_status button{background-color:#f0f1f7;border:none;color:#292b37;cursor:pointer;font-weight:700;width:2rem}.radio_check{display:flex;gap:.7rem}.checkbox-label{align-items:center;cursor:pointer;display:flex;position:relative}.checkbox-input{cursor:pointer;opacity:0;position:absolute}.checkbox-icon{background-color:#fff;border:1.8px solid #c5c7cd;border-radius:50%;height:1.2rem;width:1.2rem}.checkbox-input:checked~.checkbox-icon:before{background-color:#3751ff;border-radius:50%;content:""}.checkbox-input:checked~.checkbox-icon:after,.checkbox-input:checked~.checkbox-icon:before{display:block;height:100%;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.checkbox-input:checked~.checkbox-icon:after{color:#fff;content:"\2713";font-size:.6rem;font-weight:500;line-height:1.2rem;text-align:center}.urgent{background-color:#fec400!important}.new{background-color:#29cc97!important}.default{background-color:#f0f1f7!important;color:#252733!important}.task_status:nth-child(4){border-bottom:none;padding-bottom:1rem}@media screen and (max-width:768px){.tickets_task{display:grid;grid-template-columns:1fr}.unresolvedTickets{width:360px}}.card_container{display:flex;justify-content:space-between}.cardBox{align-items:center;background-color:#fff;border:1px solid #dfe0eb;border-radius:8px;color:#252733;cursor:pointer;display:flex;flex-direction:column;gap:1rem;height:134px;justify-content:center;width:258px}.cardBox:hover{border:2px solid #3751ff;color:#3751ff}.cardBox>h2,.cardBox>h4{color:#3751ff;transition:color .3s ease-in-out}.cardBox>h4{color:#9fa2b4;font-size:18px;font-weight:600;letter-spacing:.4px;line-height:24px;text-align:center}.cardBox>h2{color:inherit;font-size:40px;letter-spacing:1px;line-height:50px;text-align:center}@media screen and (max-width:768px){.card_container{display:flex;flex-direction:column;gap:1rem}.cardBox{width:358px}}.charts_container{background:#fff;border:1px solid #dfe0eb;border-radius:8px;display:flex;margin-top:2rem}.chart{border-right:2px solid #e5e5e5;height:100%;padding:2rem;width:70%}.chartHeader{display:flex;justify-content:space-between;padding-bottom:3rem}.chartTexts{display:flex;flex-direction:column;gap:.5rem}.chartLabels,.chartLabels h4{align-items:center;display:flex}.chartLabels h4{color:#9fa2b4;font-size:12px;font-weight:500;gap:.5rem;margin-right:1rem}.chartTexts h3{color:#252733;font-size:18px}.chartTexts p{color:#9fa2b4;font-size:11px}.linechart{width:100%}.chart_data{justify-content:space-between;padding:2rem 0;text-align:center;width:30%}.chart_data,.chartsData{align-items:center;display:flex;flex-direction:column}.chartsData{border-bottom:2px solid #e5e5e5;gap:.5rem;justify-items:center;padding-bottom:1.5rem;width:100%}.chartsData:nth-child(5){border-bottom:none;padding-bottom:0}.chartsData>h4{color:#9fa2b4;font-size:15px;font-weight:500}.chartsData>h2{color:#252733;font-size:23px}@media screen and (max-width:768px){.charts_container{display:flex;flex-direction:column}.chart{border-right:none;height:100%;padding:2rem;width:100%}.linechart{width:290px}.chartHeader{display:flex;flex-direction:column;gap:1rem;justify-content:space-between;padding-bottom:3rem}.chart_data{padding:0;width:100%}.chartsData{align-items:center;border-bottom:2px solid #e5e5e5;display:flex;flex-direction:column;gap:.5rem;justify-items:center;padding-top:1.5rem;width:100%}.chartsData:nth-child(5){border-bottom:none;padding-bottom:2rem}}.table_container{background:#fff;border:1px solid #dfe0eb;border-radius:8px;padding:2rem 0 0}.table-header{align-items:center;display:flex;justify-content:space-between;padding:0 2rem 3rem}.table-header-title h3{color:#252733;font-size:19px;letter-spacing:.4px;line-height:24px}.search_filter{display:flex;gap:2rem}.table-header-filter{display:flex}.MuiInputLabel-outlined.MuiInputLabel-shrink{left:-25px;position:absolute!important;top:15px;-webkit-transform:translate(14px,-6px) scale(.75);transform:translate(14px,-6px) scale(.75)}.MuiOutlinedInput-notchedOutline{border-color:transparent!important;border-bottom:1px solid #e0e0e0!important;border-radius:0!important}.PrivateNotchedOutline-legendLabelled-5{display:none!important}.MuiTableCell-head{color:#9fa2b4!important;font-weight:400!important;line-height:1.5rem;padding:1rem 2rem;padding-left:2rem!important}.MuiTableCell-body{color:rgba(0,0,0,.87);padding-left:2rem!important}.ticketNameMail{display:flex;flex-direction:column;gap:.3rem}.ticketName{color:#252733;font-size:14px;font-weight:500;letter-spacing:.2px;line-height:20px}.ticketMail{color:#c5c7cd;font-size:13.5px;font-weight:400;letter-spacing:.1px;line-height:16px}.priorityCell{padding:0;text-align:center}.priorityCell.high p{align-items:center;background-color:#f44336;border-radius:20px;display:flex;font-weight:400;justify-content:center;width:60px}.MuiTableRow-root:hover{background-color:#dde2ff36;cursor:pointer}.MuiTableRow-head:hover{background:#fff;color:rgba(0,0,0,.87);font-weight:500;line-height:1.5rem}.priorityCell.normal p{background-color:#29cc97;width:70px}.priorityCell.low p,.priorityCell.normal p{align-items:center;border-radius:20px;display:flex;font-weight:400;justify-content:center}.priorityCell.low p{background-color:#fec400;width:50px}.priority{color:#fff;font-size:12px;margin:0;padding:5px}.MuiTablePagination-toolbar{min-height:52px;padding-right:2rem!important}@media screen and (max-width:768px){.table_container{background:#fff;border:1px solid #dfe0eb;border-radius:8px;overflow-x:scroll;padding:2rem 0 0;width:100vw}.table-header{align-items:flex-start;display:flex;flex-direction:column;gap:2rem;padding:0 2rem 3rem}.MuiTableCell-root{font-size:12px;padding:8px;text-align:center}.MuiTableCell-body{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.priority,.ticket-details{overflow:auto;white-space:normal}}@media screen and (max-width:1200px){.maindash{justify-content:flex-start;margin-top:5rem}}@media screen and (max-width:768px){.maindash{align-items:center;padding-top:3rem}}.sidebars{background-color:#363740;display:flex;flex:1 1;flex-direction:column;height:100vh;padding-top:2rem;top:0;transition:all .3s ease}.logo_mobile{display:none}.logo{margin:0 1rem}.logo_img{align-items:center;display:flex;flex-direction:row;gap:1rem}.logo_img>img{width:15%}.logo_img>h3{color:#a4a6b3;font-size:1rem}.menu{display:flex;flex-direction:column;gap:.7rem;padding-top:3rem}.menuItem{cursor:pointer;height:2.5rem;margin-left:1rem;position:relative;transition:all .3s ease}.menuItem,.menuLists{align-items:center;display:flex;gap:1rem}.menuLists{color:#a4a6b3}.menuLists>span{font-size:15px;font-weight:400}.menu_icons{width:20px}.newspaper{border-bottom:1px solid #ccc;margin:8px 0}.active{background:#9fa2b41a;border-left:3px solid #dde2ff;color:#dde2ff;font-weight:600;height:55px;margin-left:0;padding-left:1rem}.active>.menuLists{color:#dde2ff;font-weight:500}.divider{background-color:#585858;height:.5px;margin:10px 0}.bars{display:none;position:absolute;width:2rem}@media screen and (max-width:1200px){.sidebars{display:flex;flex:0.5 1;flex-direction:column;padding-top:2rem;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease}.logo_img>h3,.menuItem>span{display:none}.logo{display:block;margin-bottom:3rem;width:90%}.logo_img>img{width:55%!important}.menu{padding-top:0}.active{background:#9fa2b41a;border-left:3px solid #dde2ff;color:#dde2ff;font-weight:600;height:55px;margin-left:0;padding-left:1rem}.active>.menuLists{color:#dde2ff;font-weight:500}.menuItem{cursor:pointer;height:2.5rem;position:relative;transition:all .3s ease}.menuItem,.menuLists{align-items:center;display:flex;gap:1rem}.menuLists{color:#a4a6b3}.menuLists>span{display:none}.menu_icons{width:20px}}@media screen and (max-width:768px){.sidebars{height:100%;padding-top:2rem;position:fixed!important;width:55%;z-index:9}.menuItem>span{color:#fff;display:block}.logo,.logo_img>h3,.menuLists>span{display:block}.logo{margin-bottom:3rem;width:90%}.logo_img>img{width:15%!important}.bars{background:#f7f8fc;border:1.6px solid #3637405e;border-radius:4px;color:grey;display:flex;font-size:1.6rem;height:2rem;padding:5px;position:fixed;top:1.8rem!important;transition:all .3s ease;width:2rem;z-index:10}}.layout{display:flex}.layout_container{background-color:#f7f8fc;flex:6 1;height:100vh;overflow-y:scroll}.router_contents{margin:1rem 2rem}
/*# sourceMappingURL=main.e447dc0b.css.map*/