.sidebar{background-color:#fff;border-right:.5px solid #e6e3e3;flex:1 1;min-height:100vh}.sidebar .top{align-items:center;display:flex;height:50px;justify-content:center}.sidebar .top .logo{color:#6439ff;font-size:20px;font-weight:700}.sidebar hr{border:.5px solid #e6e3e3;height:0}.sidebar .center{padding-left:10px}.sidebar .center ul{list-style:none;margin:0;padding:0}.sidebar .center ul .title{color:#999;font-size:10px;font-weight:700;margin-bottom:5px;margin-top:15px}.sidebar .center ul li{align-items:center;cursor:pointer;display:flex;padding:5px}.sidebar .center ul li:hover{background-color:#ece8ff}.sidebar .center ul li .icon{color:#7451f8;font-size:18px}.sidebar .center ul li span{color:#888;font-size:13px;font-weight:600;margin-left:10px}.sidebar .bottom{align-items:center;display:flex;margin:10px}.sidebar .bottom .colorOption{border:1px solid #7451f8;border-radius:5px;cursor:pointer;height:20px;margin:5px;width:20px}.sidebar .bottom .colorOption:first-child{background-color:#f5f5f5}.sidebar .bottom .colorOption:nth-child(2){background-color:#333}.sidebar .bottom .colorOption:nth-child(3){background-color:#00008b}.navbar{border-bottom:.5px solid #e7e4e4;color:#555;font-size:14px;height:50px}.navbar,.navbar .wrapper{align-items:center;display:flex}.navbar .wrapper{justify-content:flex-end;padding:20px;width:100%}.navbar .wrapper .search{align-items:center;border:.5px solid #d3d3d3;display:flex;padding:3px}.navbar .wrapper .search input{background:#0000;border:none;outline:none}.navbar .wrapper .search input::placeholder{font-size:12px}.navbar .wrapper .items,.navbar .wrapper .items .item{align-items:center;display:flex}.navbar .wrapper .items .item{margin-right:20px;position:relative}.navbar .wrapper .items .item .icon{font-size:20px}.navbar .wrapper .items .item .avatar{border-radius:50%;height:30px;width:30px}.navbar .wrapper .items .item .counter{align-items:center;background-color:red;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:15px;justify-content:center;position:absolute;right:-5px;top:-5px;width:15px}.home{display:flex}.home .homeContainer{flex:6 1}.home .homeContainer .charts,.home .homeContainer .gcharts,.home .homeContainer .widgets{display:flex;gap:30px;padding:20px}.home .homeContainer .gcharts{flex-direction:column}.home .homeContainer .charts{padding:5px 20px}.home .homeContainer .listContainer{box-shadow:2px 4px 10px 1px #c9c9c978;margin:20px;padding:20px}.home .homeContainer .listContainer .listTitle{color:gray;font-weight:500;margin-bottom:15px}.home .home-data-grid{box-shadow:2px 4px 10px 1px #c9c9c978;flex:4 1;margin:20px;padding:20px}.widget{border-radius:10px;box-shadow:2px 4px 10px 1px #c9c9c978;flex:1 1;height:100px;padding:10px}.widget,.widget .left,.widget .right{display:flex;justify-content:space-between}.widget .left,.widget .right{flex-direction:column}.widget .left .title,.widget .right .title{color:#a0a0a0;font-size:14px;font-weight:700}.widget .left .counter,.widget .right .counter{font-size:28px;font-weight:300}.widget .left .link,.widget .right .link{border-bottom:1px solid gray;font-size:12px;width:-webkit-max-content;width:max-content}.widget .left .percentage,.widget .right .percentage{align-items:center;display:flex;font-size:14px}.widget .left .percentage.positive,.widget .right .percentage.positive{color:green}.widget .left .percentage.negative,.widget .right .percentage.negative{color:red}.widget .left .icon,.widget .right .icon{align-self:flex-end;border-radius:5px;font-size:18px;padding:5px}.chart{box-shadow:2px 4px 10px 1px #c9c9c978;color:gray;flex:4 1;padding:10px}.chart .title{margin-bottom:20px}.chart .chartGrid{stroke:#e4e1e1}.datatable{height:600px;padding:20px 20px 50px}.datatable .datatableTitle{align-items:center;color:gray;display:flex;font-size:24px;justify-content:space-between;margin-bottom:10px;width:100%}.datatable .datatableTitle .link{border:1px solid green;border-radius:5px;color:green;cursor:pointer;font-size:16px;font-weight:400;padding:5px;text-decoration:none}.datatable .cellWithImg{align-items:center;display:flex}.datatable .cellWithImg .cellImg{height:130px;object-fit:contain;width:130px}.datatable .cellWithStatus{border-radius:5px;padding:5px}.datatable .cellWithStatus.active{background-color:#0080000d;color:green}.datatable .cellWithStatus.pending{background-color:#ffd9000d;color:#daa520}.datatable .cellWithStatus.passive{background-color:#ff00000d;color:crimson}.datatable .cellAction{align-items:center;display:flex;gap:15px}.datatable .cellAction .viewButton{border:1px dotted rgba(0,0,139,.596);border-radius:5px;color:#00008b;cursor:pointer;padding:2px 5px}.datatable .cellAction .deleteButton{border:1px dotted #dc143c99;border-radius:5px;color:crimson;cursor:pointer;padding:2px 5px}.cellImg{height:130px;object-fit:contain;width:130px}.css-levciy-MuiTablePagination-displayedRows{color:gray}.css-1chpzqh,.css-1deacqj.Mui-disabled,.css-zylse7-MuiButtonBase-root-MuiIconButton-root.Mui-disabled{color:gray!important}.modalTitle{color:gray;font-size:24px;margin-bottom:10px}.leadModal{background:#f7f7f7;border:none!important;border-radius:15px;bottom:0;height:70%;left:0;margin:auto;outline:none;padding:25px;position:fixed;right:0;top:0;transition:all .3s ease;width:85%}.leadModal .close-btn{color:#6f6f6f;cursor:pointer;font-size:30px;font-weight:700}.leadModal .deleteButton{border:1px dotted #dc143c99;border-radius:5px;color:crimson;cursor:pointer;padding:2px 5px;right:0;width:-webkit-fit-content;width:fit-content}.leadModal button{border:none;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:10px;transition:all .3s ease-in-out}.leadModal button,.leadModal button:hover{background-color:teal}.leadTableContainer{height:85%;overflow:auto}.leadTableContainer .leadTable{border-spacing:50px 0;overflow-x:auto;white-space:nowrap;width:100%}.leadTableContainer .leadTable thead{border:1px solid #000;text-align:left}.leadTableContainer .leadTable tr{height:50px}.list{display:flex;width:100%}.list .listContainer{flex:6 1}.user-data{padding:20px}.user-data h2{font-size:24px;margin-bottom:20px}.user-data table{border-collapse:collapse;font-size:16px;width:100%}.user-data table td,.user-data table th{border:1px solid #ccc;padding:10px}.user-data table th{background-color:#eee}.user-data table td{text-align:center}@media screen and (max-width:768px){.user-data table{font-size:14px}.user-data table td,.user-data table th{padding:5px}.user-data table th{font-size:16px}}.table .cellWrapper{align-items:center;display:flex}.table .cellWrapper .image{border-radius:50%;height:32px;margin-right:10px;object-fit:cover;width:32px}.table .status{border-radius:5px;padding:5px}.table .status.Approved{background-color:rgba(0,128,0,.151);color:green}.table .status.Pending{background-color:rgba(189,189,3,.103);color:#daa520}.new{display:flex;width:100%}.new .img-circle-container{align-items:center;display:flex;gap:60px;justify-content:center}.new .newContainer{flex:6 1}.new .newContainer .bottom,.new .newContainer .top{box-shadow:2px 4px 10px 1px #c9c9c978;display:flex;margin:20px;padding:10px}.new .newContainer .bottom h1,.new .newContainer .top h1{color:#d3d3d3;font-size:20px}.new .newContainer .bottom .left,.new .newContainer .top .left{flex:1 1;text-align:center}.new .newContainer .bottom .left img,.new .newContainer .top .left img{border-radius:50%;height:100px;object-fit:cover;width:100px}.new .newContainer .bottom .right,.new .newContainer .top .right{flex:2 1}.new .newContainer .bottom .right form,.new .newContainer .top .right form{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-around}.new .newContainer .bottom .right form .formInput,.new .newContainer .top .right form .formInput{width:40%}.new .newContainer .bottom .right form .formInput label,.new .newContainer .top .right form .formInput label{align-items:center;display:flex;gap:10px}.new .newContainer .bottom .right form .formInput label .icon,.new .newContainer .top .right form .formInput label .icon{cursor:pointer}.new .newContainer .bottom .right form .formInput input,.new .newContainer .top .right form .formInput input{border:none;border-bottom:1px solid gray;color:gray;padding:5px;width:100%}.new .newContainer .bottom .right form button,.new .newContainer .top .right form button{background-color:teal;border:none;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:10px;width:40%}.new .statusInput{align-items:left;cursor:pointer;display:flex;gap:20px;justify-content:left;width:100%}.new .statusInput .status{align-items:center;display:flex;gap:10px;justify-content:center}.new .statusInput .status .icon{cursor:pointer}.new .statusInput .rodioDiv{align-items:center;display:flex;gap:10px;justify-content:center}.updateUser{display:flex;width:100%}.updateUser .img-circle-container{align-items:center;display:flex;gap:60px;justify-content:center}.updateUser .newContainer{flex:6 1}.updateUser .newContainer .bottom,.updateUser .newContainer .top{box-shadow:2px 4px 10px 1px #c9c9c978;display:flex;margin:20px;padding:10px}.updateUser .newContainer .bottom h1,.updateUser .newContainer .top h1{color:#d3d3d3;font-size:20px}.updateUser .newContainer .bottom .left,.updateUser .newContainer .top .left{flex:1 1;text-align:center}.updateUser .newContainer .bottom .left img,.updateUser .newContainer .top .left img{border-radius:50%;height:100px;object-fit:cover;width:100px}.updateUser .newContainer .bottom .right,.updateUser .newContainer .top .right{flex:2 1}.updateUser .newContainer .bottom .right form,.updateUser .newContainer .top .right form{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-around}.updateUser .newContainer .bottom .right form .formInput,.updateUser .newContainer .top .right form .formInput{width:40%}.updateUser .newContainer .bottom .right form .formInput label,.updateUser .newContainer .top .right form .formInput label{align-items:center;display:flex;gap:10px}.updateUser .newContainer .bottom .right form .formInput label .icon,.updateUser .newContainer .top .right form .formInput label .icon{cursor:pointer}.updateUser .newContainer .bottom .right form .formInput input,.updateUser .newContainer .top .right form .formInput input{border:none;border-bottom:1px solid gray;color:gray;padding:5px;width:100%}.updateUser .newContainer .bottom .right form button,.updateUser .newContainer .top .right form button{background-color:teal;border:none;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:10px;width:150px}.loading-spinner-background{background-color:#ffffff80;height:100%;left:0;position:absolute;top:0;width:100%}.img-circle-container,.loading-spinner-background{align-items:center;display:flex;justify-content:center}.img-circle-container{gap:60px}.img-circle-container .profile-image{border:3px solid #fff;border-radius:50%;box-shadow:0 2px 5px #0000001a;height:150px;object-fit:cover;transition:all .3s ease-in-out;width:150px}.img-circle-container .profile-image:hover{box-shadow:0 3px 10px #0003;transform:scale(1.05)}.userColor{border:3px solid #fff;border-radius:50%;box-shadow:0 2px 5px #0000001a;height:22px;object-fit:cover;width:22px}.Modal{align-items:center;border:none!important;bottom:0;display:flex;height:85%;justify-content:center;left:0;margin:auto;outline:none;position:fixed;right:0;top:0;transition:all .3s ease;width:85%}.Modal .close-btn{color:#6f6f6f;cursor:pointer;font-size:30px;font-weight:700;position:absolute;right:86px;top:-32px}.Modal .img-span{align-items:center;display:flex;height:100%;justify-content:center;transition:all .3s ease-in-out;width:100%}.Modal .img-span img{height:100%;object-fit:contain;width:100%}.Modal button{border:none;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:10px;transition:all .3s ease-in-out}.Modal button,.Modal button:hover{background-color:teal}.statusInput{align-items:left;cursor:pointer;display:flex;gap:20px;justify-content:left;width:100%}.statusInput .status{align-items:center;display:flex;gap:10px;justify-content:center}.statusInput .status .icon{cursor:pointer}.statusInput .rodioDiv{align-items:center;display:flex;gap:10px;justify-content:center}.statusInput label{cursor:pointer}@media screen and (max-width:760px){.Modal{height:40%;width:100%}.Modal .close-btn{right:10px;top:-32px}.img-span,.img-span img{height:100%;width:100%}.img-span img{object-fit:contain}}.app.dark{background-color:#111;color:#9c9c9c}.app.dark .chartGrid{stroke:hsla(0,0%,89%,.219)}.app.dark .table{background-color:#111}.app.dark .table .tableCell{color:gray}.app.dark .navbar{border-color:#333;color:#999}.app.dark .navbar .search{border-color:gray}.app.dark .sidebar{background-color:#111;border-color:#333}.app.dark .sidebar .top .logo{color:#999}.app.dark .sidebar hr{border-color:#333}.app.dark .sidebar ul li:hover{background-color:#333}.app.dark .sidebar ul li .icon{color:#999}.app.dark .datatable .datagrid,.app.dark .datatable .datagrid .cellWithStatus,.app.dark .datatable .datagrid .deleteButton,.app.dark .datatable .datagrid .viewButton{border:none;color:gray}.app.dark input{background-color:#0000}#root,#root>div,body,html{height:100%}@keyframes fadeInBottom{0%{opacity:0;transform:translateY(100%)}75%{transform:none}to{opacity:1}}@keyframes rotateYanim{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}.single-user-container{background-size:cover;height:100%}.single-user-container .backGroundImgcontainer,.single-user-container .backGroundImgcontainer img{display:none}.single-user-container .user-top-container{align-items:center;border-bottom:none;display:flex;justify-content:space-between;margin-top:5px;padding:15px}.single-user-container .user-top-container .next-icon{cursor:pointer;height:30px;object-fit:contain;width:80px}.single-user-container .user-top-container .back-icon{color:#fff;cursor:pointer;height:100%;object-fit:contain;width:100%}.single-user-container .user-top-container .user-top-right{background-color:#fff;border-radius:5px;cursor:pointer;display:flex}.single-user-container .user-top-container .user-top-right svg{color:blue}.single-user-container .single-user-data-container{margin-top:20px;padding:0 20px;text-align:center}.single-user-container .single-user-data-container .user-core-data{align-items:center;flex-direction:column;justify-content:center}.single-user-container .single-user-data-container .user-core-data .user-core-data-card{position:relative}.single-user-container .single-user-data-container .user-core-data .user-core-data-card p{color:#000!important}.single-user-container .single-user-data-container .user-core-data .blueTheme img.ppic{border:3px solid #3771c8}.single-user-container .single-user-data-container .user-core-data .blueTheme button{background:linear-gradient(180deg,#3771c8,#54c1f0)}.single-user-container .single-user-data-container .user-core-data .orangeTheme img.ppic{border:3px solid #fa8f21}.single-user-container .single-user-data-container .user-core-data .orangeTheme button{background:linear-gradient(180deg,#fa8f21,#fdbc5a)}.single-user-container .single-user-data-container .user-core-data .greenTheme img.ppic{border:3px solid #10782c}.single-user-container .single-user-data-container .user-core-data .greenTheme button{background:linear-gradient(180deg,#10782c,#4cd964)}.single-user-container .single-user-data-container .user-core-data .transTheme,.single-user-container .single-user-data-container .user-core-data .transTheme p.others,.single-user-container .single-user-data-container .user-core-data .transTheme p.position,.single-user-container .single-user-data-container .user-core-data .transTheme p.username{color:#fff!important}.single-user-container .single-user-data-container .user-core-data .transTheme img.ppic{border:3px solid #c4c4c4}.single-user-container .single-user-data-container .user-core-data .transTheme button{background:linear-gradient(180deg,#c4c4c4,#0000001a 51.56%,#c4c4c4);color:#fff!important}.single-user-container .single-user-data-container .user-core-data .greyTheme img.ppic{border:3px solid #464646}.single-user-container .single-user-data-container .user-core-data .greyTheme button{background:linear-gradient(180deg,#464646,#c4c4c4)}.single-user-container .single-user-data-container .user-core-data .redTheme img.ppic{border:3px solid #e60023}.single-user-container .single-user-data-container .user-core-data .redTheme button{background:linear-gradient(180deg,#e60023,#ff9327)}.single-user-container .single-user-data-container .user-core-data .lightGreyTheme img.ppic{border:3px solid #fff}.single-user-container .single-user-data-container .user-core-data .lightGreyTheme button{background:linear-gradient(180deg,#fff,#0000)}.single-user-container .single-user-data-container .user-core-data .yellowTheme img.ppic{border:3px solid #fdbc5a}.single-user-container .single-user-data-container .user-core-data .yellowTheme button{background:linear-gradient(180deg,#fdbc5a,#ffe600)}.single-user-container .single-user-data-container .user-core-data .QRbuttonContainer{cursor:pointer;position:absolute;right:10px;top:10px}.single-user-container .single-user-data-container .user-core-data .user-info-container{align-items:center;background-size:cover;border-radius:5px;display:flex;justify-content:space-between;padding:10px}.single-user-container .single-user-data-container .user-core-data .user-info-container .user-info{display:flex;flex-direction:column;justify-content:center;width:70%}.single-user-container .single-user-data-container .user-core-data .user-info-container .user-info img{margin:auto;width:30%}.single-user-container .single-user-data-container .user-core-data .user-info-container .user-info .username{animation-duration:1s;animation-name:fadeInBottom;animation-timing-function:cubic-bezier(.25,0,.15,1);color:#000;font-size:24px;font-style:normal;font-weight:500;line-height:32px}.single-user-container .single-user-data-container .user-core-data .user-info-container .user-info .position{animation-duration:1s;animation-name:fadeInBottom;animation-timing-function:cubic-bezier(.25,0,.15,1);color:#fff;font-size:14px;font-style:normal;font-weight:400;line-height:19px;margin:5px 0}.single-user-container .single-user-data-container .user-core-data .user-info-container .user-info .compcontainer{align-items:center;display:flex;justify-content:center;padding:5px 0;text-decoration:none}.single-user-container .single-user-data-container .user-core-data .user-info-container .user-info .compcontainer div{margin:0 20px!important}.single-user-container .single-user-data-container .user-core-data .user-info-container .user-info .compcontainer .others{color:#fff;font-size:12px;font-style:italic;font-weight:400;line-height:14px;margin-top:10px;text-shadow:0 4px 4px #00000040}.single-user-container .single-user-data-container .user-core-data .user-info-container img.ppic{animation-duration:1s;animation-name:rotateYanim;animation-timing-function:cubic-bezier(.25,0,.15,1);border-radius:50%;width:30%}.single-user-container .single-user-data-container .user-core-data .buttons-container{display:flex;gap:20px;justify-content:flex-end;padding:20px 0;width:100%}.single-user-container .single-user-data-container .user-core-data .buttons-container .btn{animation-duration:1s;animation-name:fadeInBottom;animation-timing-function:cubic-bezier(.25,0,.15,1);border:none;border-radius:5px;box-shadow:0 4px 4px #00000040;color:#000;font-size:13px;font-style:normal;font-weight:600;gap:10px;height:39px;line-height:15px;padding:12px 21px;text-align:center;width:50%}.single-user-container .single-user-data-container .single-user-container img{border-radius:50%;height:100%;object-fit:contain;width:100%}.single-user-container .single-user-data-container .user-name-and-title{margin-top:20px}.single-user-container .single-user-data-container .user-name-and-title h1{font-family:Inter,sans-serif;font-size:3rem;font-weight:400}.single-user-container .single-user-data-container .user-name-and-title h3{font-family:poppins,sans-serif;font-size:2rem;font-weight:400}.single-user-container .single-user-data-container .save-btn-container{margin-top:20px;width:100%}.single-user-container .logo-and-text-container{align-items:center;display:flex;gap:10px;justify-content:flex-start;margin-top:20px;max-width:80vw;min-width:50vw;text-align:left}.single-user-container .logo-and-text-container .logo img{height:80px;object-fit:contain;width:130px}.single-user-container .media-container{margin-top:20px}.single-user-container .media-container p{color:#000;font-size:20px;font-style:normal;font-weight:700;line-height:23px}.single-user-container .media-container iframe{height:300px;margin:50px 0;width:100%}.single-user-container .media-container .media-icons-container{align-items:center;display:flex;gap:10px;justify-content:center}.single-user-container .media-container .media-icons-container .media-icon-container{background:#f4f4f4;border-radius:7px;box-shadow:0 4px 4px #00000040;height:40px;padding:5px}.single-user-container .media-container .media-icons-container img{cursor:pointer;height:40px;width:40px}.single-user-container .logo-right-text p{font-family:Franklin Gothic,sans-serif;font-weight:700}.single-user-container .logo-text{font-family:Port Lligat Sans,sans-serif;font-weight:700}.single-user-container .bottom-logo-container{align-items:center;display:flex;justify-content:center;margin-top:30px;padding-bottom:50px;text-align:left}.single-user-container .bottom-logo-container .bottom-logo img{height:60px;object-fit:cover;width:200px}.single-user-container .footer{align-items:center;bottom:0;display:flex;justify-content:space-between;position:absolute;width:100%}.single-user-container .left-footer-div{border-bottom:55px solid red;border-right:40px solid #0000;height:0;width:63%}.single-user-container .right-footer-div{border-bottom:55px solid blue;border-right:40px solid #0000;height:0;transform:rotate(180deg);width:30%}.single-user-container .user-top-left-icon{align-items:center;background:#000;border-radius:50%;display:flex;height:35px;justify-content:center;width:35px}@media screen and (max-width:500px){.single-user-container{padding-bottom:0}.single-user-container .user-top-container{padding:15px}.single-user-container .divider{background:linear-gradient(90deg,#0000,#000 49.47%,#0000);height:1px;width:100%}.single-user-container .logo-right-text p{font-size:14px}.single-user-container .single-user-data-container .digitalmu-btn-container{margin-bottom:20px;position:relative}.single-user-container .single-user-data-container .digitalmu-btn-container .btnBackground{border-radius:20px;bottom:-10px;display:block;height:5vh;left:0;position:absolute;width:100%;z-index:-1}.single-user-container .single-user-data-container .digitalmu-btn-container .btnBackground img{display:block;object-fit:contain;width:100%}.single-user-container .single-user-data-container .user-profile-container{height:110px;width:110px}.single-user-container .single-user-data-container .user-name-and-title h1{font-size:24px;font-weight:700}.single-user-container .single-user-data-container .user-name-and-title h3{font-size:20px}.single-user-container .single-user-data-container .digitalmu-btn,.single-user-container .single-user-data-container .save-btn{font-size:20px;width:85%}.single-user-container .logo-and-text-container{max-width:90vw}.single-user-container .logo-and-text-container .logo img{height:60px;width:100px}.single-user-container .media-icons-container{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:15px}.single-user-container .media-icons-container img{cursor:pointer;height:35px;width:35px}.single-user-container .bottom-logo-container{position:relative}.single-user-container .bottom-logo-container .bottom-logo img{height:50px;width:165px}.single-user-container .footer{margin-top:40px}.single-user-container .left-footer-div{border-bottom:45px solid red;border-right:25px solid #0000;width:80%}.single-user-container .right-footer-div{border-right:25px solid #0000;transform:rotate(180deg);width:13%}}@media only screen and (min-height:540px){.single-user-container .backGroundImgcontainer{bottom:45px;height:17vh;position:absolute;width:100%}}@media only screen and (min-height:600px){.single-user-container .backGroundImgcontainer{bottom:45px;height:27vh;position:absolute;width:100%}}@media only screen and (min-height:700px){.single-user-container .backGroundImgcontainer{bottom:45px;height:28vh;position:absolute;width:100%}}@media only screen and (min-height:844px){.single-user-container .backGroundImgcontainer{bottom:45px;height:35vh;position:absolute;width:100%}}@media only screen and (min-height:900px){.single-user-container .backGroundImgcontainer{bottom:45px;height:38vh;position:absolute;width:100%}}.main-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:30px}.main-container .loading-image{top:35%;z-index:10}.main-container .loading-image,.main-container .loading-image-bg{animation-direction:alternate;animation-duration:2s;animation-iteration-count:infinite;animation-name:stretch;animation-play-state:running;animation-timing-function:ease-out;margin:35px 0;position:absolute}.main-container .loading-image-bg{top:25%}@keyframes stretch{0%{transform:scale(.5)}to{transform:scale(1)}}.exchange-contact-container .divider{background:linear-gradient(90deg,#0000 10%,#000 49.47%,#0000 90%);height:1px;width:100%}.exchange-contact-container .exchange-contact-wrapper{align-items:center;border-radius:20px;display:flex;flex-direction:column;justify-content:center;margin-top:30px;position:relative;width:80%}.exchange-contact-container .exchange-contact-wrapper .exchange-contact-top-div{display:flex;justify-content:center;margin-top:10px;width:100%}.exchange-contact-container .exchange-contact-wrapper .exchange-contact-top-div .exchange-contact-top-div-text{font-size:30px;font-weight:500;letter-spacing:0;line-height:35px;text-align:center}.exchange-contact-container .exchange-contact-wrapper .exchange-contact-top-div .exchange-contact-top-div-close-btn{cursor:pointer;position:absolute;right:10px;top:10px}.exchange-contact-container .exchange-contact-wrapper .exchange-contact-top-div .exchange-contact-top-div-close-btn .exchange-contact-top-close-btn{font-size:2rem}.exchange-contact-container .exchange-contact-wrapper .exchange-contact-middle-div{color:#c837ab;font-size:14px;font-style:normal;font-weight:500;line-height:16px;margin-bottom:30px;text-align:center;width:80%}.exchange-contact-container .exchange-contact-wrapper .input-wrapper{align-items:center;display:flex;justify-content:center;padding-bottom:20px;position:relative;width:100%}.exchange-contact-container .exchange-contact-wrapper .input-wrapper input{background:#f4f4f4;border:none;border-radius:5px;height:40px;outline:none;padding:10px;width:90%}.exchange-contact-container .exchange-contact-wrapper .input-wrapper .input-icon{color:#000;margin-right:15px;margin-top:10px}.exchange-contact-container .exchange-contact-wrapper .input-wrapper .person-icon{font-size:1.7rem}.exchange-contact-container .exchange-contact-wrapper .bottom-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:30px;text-align:center;width:100%}.exchange-contact-container .exchange-contact-wrapper .bottom-container p{font-size:1.2rem}.exchange-contact-container .exchange-contact-wrapper .bottom-container button{background:#ff9327;border:none;border-radius:5px;color:#000;font-size:1.2rem;font-weight:700;margin:20px auto 30px;outline:none;padding:15px 0;width:60%}@media only screen and (max-width:768px){.exchange-contact-container .exchange-contact-wrapper{width:90%}.exchange-contact-container .exchange-contact-wrapper .exchange-contact-top-div .exchange-contact-top-div-text{font-weight:700}.exchange-contact-container .exchange-contact-wrapper .exchange-contact-middle-div{font-weight:700;margin-top:5px}.exchange-contact-container .exchange-contact-wrapper .input-wrapper input{font-size:1rem;height:30px;width:80%}.exchange-contact-container .exchange-contact-wrapper .input-wrapper .input-icon{margin-right:10px}.exchange-contact-container .exchange-contact-wrapper .input-wrapper .input-icon .person-icon{font-size:1.2rem}.exchange-contact-container .exchange-contact-wrapper .bottom-container p{font-size:1rem}.exchange-contact-container .exchange-contact-wrapper .bottom-container button{font-size:1rem;width:70%}input:invalid{animation:invalid-input .5s ease-in-out;border:1px solid red}@keyframes invalid-input{0%{transform:translateX(0)}50%{transform:translateX(10px)}to{transform:translateX(0)}}}.exchange-contact-container .navbar{align-items:center;display:flex;justify-content:space-between}.exchange-contact-container .navbar .close-btn{color:#000;cursor:pointer;font-size:1.2rem;margin-right:10px}.exchange-contact-container .navbar p{font-size:20px;font-weight:700;letter-spacing:0;line-height:23px;text-align:center}.exchange-contact-container .main-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:30px}.exchange-contact-container .main-container .muLogo{height:70px;object-fit:cover;width:250px}.exchange-contact-container .main-container .exchange-image{margin:35px 0}.exchange-contact-container .main-container .exchange-contact-middle-div{color:#c837ab;font-size:18px;font-weight:700;letter-spacing:0;line-height:21px;margin-bottom:30px;text-align:center;width:80%}.exchange-contact-container .bottom-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:30px;text-align:center;width:100%}.exchange-contact-container .bottom-container p{font-size:1.2rem}.exchange-contact-container .bottom-container a,.exchange-contact-container .bottom-container button{background:#ff9327;border:none;border-radius:5px;color:#000;font-size:1.2rem;font-weight:700;margin:20px auto 30px;outline:none;padding:15px 0;text-decoration:none;width:60%}@media only screen and (max-width:768px){.exchange-contact-container .exchange-contact-wrapper{width:90%}.exchange-contact-container .exchange-contact-wrapper .exchange-contact-top-div .exchange-contact-top-div-text{font-weight:700}.exchange-contact-container .exchange-contact-wrapper .exchange-contact-middle-div{font-weight:700;margin-top:5px}.exchange-contact-container .exchange-contact-wrapper .bottom-container p{font-size:1rem}.exchange-contact-container .exchange-contact-wrapper .bottom-container a,.exchange-contact-container .exchange-contact-wrapper .bottom-container button{font-size:1rem;width:70%}}.UserAnalyticNavbar{height:50px}.user-analytic-container .input-wrapper{align-items:center;background:#f4f4f4;border-radius:15px;display:flex;justify-content:center;margin-top:20px;position:relative;width:90%}.user-analytic-container .input-wrapper select{border:none;border-radius:5px;height:35px;margin-right:10px}.user-analytic-container .input-wrapper input{background-color:#0000;border:none;height:40px;outline:none;padding:10px;width:90%}.user-analytic-container .user-info-container{align-items:center;background-color:#b9b9b982;border-radius:15px;display:flex;font-size:1.2rem;gap:2vw;justify-content:center;margin-top:20px;min-height:180px;width:90%}.user-analytic-container .user-info-container .user-profile-container{align-items:center;border:3px solid #000;border-radius:50%;display:flex;height:120px;justify-content:center;margin-left:15px;width:120px}.user-analytic-container .user-info-container .user-profile-container img{border-radius:50%;height:100%;object-fit:cover;width:100%}.user-analytic-container .user-second-row-container{align-items:center;display:flex;justify-content:space-between;margin-top:20px;width:90%}.user-analytic-container .user-second-row-container .left{align-items:center;background-color:#f4f4f4;border-radius:15px;display:flex;flex-direction:column;justify-content:center;min-height:180px;text-align:center;width:45%}.user-analytic-container .user-second-row-container .left h1{color:#ff9000;font-size:40px;font-style:normal;font-weight:600;line-height:60px;text-align:center;text-shadow:0 4px 4px #00000040}.user-analytic-container .user-second-row-container .left p{color:#c837ab;font-size:20px;font-style:normal;font-weight:600;line-height:23px;text-align:center}.user-analytic-container .user-second-row-container .right{align-items:center;background-color:#f4f4f4;border-radius:15px;display:flex;flex-direction:column;justify-content:center;min-height:180px;text-align:center;width:45%}.user-analytic-container .user-second-row-container .right h1{color:#ff9000;font-size:40px;font-style:normal;font-weight:600;line-height:60px;text-align:center;text-shadow:0 4px 4px #00000040}.user-analytic-container .user-second-row-container .right p{color:#c837ab;font-size:20px;font-style:normal;font-weight:600;line-height:23px;text-align:center}.user-analytic-container .other-btn-container{align-items:center;background-color:#f4f4f4;border-radius:15px;display:flex;justify-content:space-between;margin-top:20px;min-height:50px;width:90%}.user-analytic-container .other-btn-container p{font-size:2.5rem;font-weight:lighter;margin-left:1.5rem}.user-analytic-container .other-btn-container h3{font-size:2.5rem;font-weight:700;margin-right:1.5rem}.user-analytic-container .lead-container{align-items:center;background-color:#f4f4f4;border-radius:15px;display:flex;justify-content:flex-start;margin-top:20px;min-height:180px;padding:20px 0;position:relative;width:90%}.user-analytic-container .lead-container .text-container{width:97%}.user-analytic-container .lead-container p{font-size:2.5rem;font-weight:700;margin-left:1.5rem}.user-analytic-container .lead-container .text-container-row{align-items:center;display:flex;gap:10px;justify-content:flex-start;margin-left:1.5rem;margin-top:10px}.user-analytic-container .lead-container .Icon{color:#4d0072;font-size:2rem;margin-top:5px}.user-analytic-container .lead-container span{font-size:1.5rem}.user-analytic-container .addIcon{color:#2c00ff;cursor:pointer;font-size:3rem;position:absolute;right:10px;top:10px}@media screen and (max-width:768px){.user-analytic-container{width:90%}.user-analytic-container .user-info-container .user-profile-container{margin-left:0;margin-top:10px}}@media screen and (max-width:550px){.UserAnalyticNavbar{height:40px}.UserAnalyticNavbar .close-btn{margin-right:20px}.user-analytic-container{box-shadow:none;padding-bottom:5px;width:100%}.user-analytic-container .user-info{width:70%}.user-analytic-container .user-info p{padding-top:10px}.user-analytic-container .user-info-container{font-size:1rem;margin-top:5px;min-height:150px;padding-bottom:10px;padding-top:5px}.user-analytic-container .user-info-container .user-profile-container{height:80px;margin-left:0;margin-top:10px;width:80px}.user-analytic-container .user-second-row-container .left{margin-top:10px;min-height:150px}.user-analytic-container .user-second-row-container .left h1{font-size:2rem}.user-analytic-container .user-second-row-container .left p{font-size:1.5rem}.user-analytic-container .user-second-row-container .right{margin-top:10px;min-height:150px}.user-analytic-container .user-second-row-container .right h1{font-size:2rem}.user-analytic-container .user-second-row-container .right p{font-size:1.5rem}.user-analytic-container .other-btn-container{min-height:50px}.user-analytic-container .other-btn-container h3,.user-analytic-container .other-btn-container p{font-size:1.5rem}.user-analytic-container .lead-container{min-height:150px;padding:10px 0}.user-analytic-container .lead-container p{font-size:1.5rem}.user-analytic-container .lead-container .text-container-row{margin-left:10px}.user-analytic-container .lead-container .Icon{font-size:1.5rem}.user-analytic-container .lead-container span{font-size:1rem}.user-analytic-container .lead-container .addIcon{font-size:2rem}}.UserAnalyticNavbar{align-items:center;display:flex;height:60px;justify-content:space-between}.UserAnalyticNavbar .close-btn{cursor:pointer;font-size:1.2rem;margin-right:10px}.UserAnalyticNavbar p{align-items:center;color:#222;display:flex;font-size:20px;font-style:normal;font-weight:700;line-height:23px;text-align:center}.user-analytic-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:10px auto;padding-bottom:20px;width:80%}.user-analytic-container .qr-container{background:#fff;border-radius:9.55883px;box-shadow:0 0 10px #00000014;margin:30px 10px;padding:10px}.user-analytic-container h1{color:#222;font-size:25px;font-style:normal;font-weight:500;line-height:29px;text-align:center}.user-analytic-container p{color:#222;font-size:18px;font-style:normal;font-weight:400;letter-spacing:-.01em;line-height:21px;text-align:center}.user-analytic-container .share-container{align-items:center;background:#f4f4f4;border-radius:5px;display:flex;gap:20px;justify-content:space-between;margin:0 10px;padding:10px 20px}.divider{background:linear-gradient(90deg,#0000 10%,#000 49.47%,#0000 90%);height:1px;width:100%}.leadModalShareProfile{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}@media screen and (max-width:768px){.user-analytic-container{width:90%}}@media screen and (max-width:550px){.UserAnalyticNavbar{height:50px}.UserAnalyticNavbar .close-btn{margin-right:20px}.user-analytic-container{box-shadow:none;padding-bottom:5px;width:100%}}.login-container{padding:0 200px}.login-container .navbar{align-items:center;display:flex;justify-content:flex-end}.login-container .navbar .close-btn{color:#000;cursor:pointer;font-size:1.2rem;margin-right:10px}.login-container .main-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:30px}.login-container .main-container h2{color:#c837ab;margin-top:40px}.login-container .main-container img.muLogo{height:70px;object-fit:cover;width:250px}.login-container .main-container img.muImage{width:30%}.login-container .exchange-contact-wrapper{align-items:center;border-radius:20px;display:flex;flex-direction:column;justify-content:center;position:relative;width:80%}.login-container .exchange-contact-wrapper .exchange-contact-top-div{display:flex;justify-content:center;margin-top:30px;width:100%}.login-container .exchange-contact-wrapper .exchange-contact-top-div .exchange-contact-top-div-text{font-size:3rem;text-align:center}.login-container .exchange-contact-wrapper .exchange-contact-top-div .exchange-contact-top-div-close-btn{cursor:pointer;position:absolute;right:10px;top:10px}.login-container .exchange-contact-wrapper .exchange-contact-top-div .exchange-contact-top-div-close-btn .exchange-contact-top-close-btn{font-size:2rem}.login-container .exchange-contact-wrapper .exchange-contact-middle-div{font-size:1.5rem;margin:auto;text-align:center;width:80%}.login-container .exchange-contact-wrapper .input-wrapper{align-items:center;display:flex;justify-content:center;padding-bottom:20px;position:relative;width:100%}.login-container .exchange-contact-wrapper .input-wrapper svg{margin:auto;position:absolute;right:3%;top:32%;z-index:1}.login-container .exchange-contact-wrapper .input-wrapper span input{background-color:#f4f4f4;border:none;border-radius:6px;font-size:1.2rem;height:40px;margin-top:10px;width:100%}.login-container .exchange-contact-wrapper .input-wrapper span .person-icon{color:#000;cursor:pointer;font-size:1.3rem;margin-right:15px;margin-top:10px}.login-container .exchange-contact-wrapper .input-wrapper input{background-color:#f4f4f4;border:none;border-radius:6px;font-size:1.2rem;height:40px;margin-top:10px;padding:10px;width:100%}.login-container .exchange-contact-wrapper .input-wrapper .input-icon{color:#000;margin-right:15px;margin-top:10px}.login-container .exchange-contact-wrapper .input-wrapper .person-icon{font-size:1.7rem}.login-container .exchange-contact-wrapper .bottom-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:10px;text-align:center;width:100%}.login-container .exchange-contact-wrapper .bottom-container p{color:#c837ab;cursor:pointer;font-size:1.2rem;margin:20px}.login-container .exchange-contact-wrapper .bottom-container button{background-color:#ff9327;border:none;border-radius:5px;color:#000;cursor:pointer;font-size:1.2rem;font-weight:700;height:50px;margin:10px 0;outline:none;width:60%}@media only screen and (max-width:768px){.login-container{padding:0}.login-container .main-container img.muImage{width:50%}.login-container .exchange-contact-wrapper{width:90%}.login-container .exchange-contact-wrapper .exchange-contact-top-div .exchange-contact-top-div-text{font-size:1.5rem;font-weight:700}.login-container .exchange-contact-wrapper .exchange-contact-middle-div{font-size:1.2rem;margin-top:5px}.login-container .exchange-contact-wrapper .input-wrapper svg{right:10%;top:30%}.login-container .exchange-contact-wrapper .input-wrapper span{width:80%}.login-container .exchange-contact-wrapper .input-wrapper span input{font-size:1rem;height:30px;width:80%}.login-container .exchange-contact-wrapper .input-wrapper span .person-icon{font-size:1.2rem}.login-container .exchange-contact-wrapper .input-wrapper input{font-size:1rem;height:30px;width:80%}.login-container .exchange-contact-wrapper .input-wrapper .input-icon{margin-right:10px}.login-container .exchange-contact-wrapper .input-wrapper .input-icon .person-icon{font-size:1.2rem}.login-container .exchange-contact-wrapper .bottom-container p{font-size:1rem}.login-container .exchange-contact-wrapper .bottom-container button{font-size:1rem;height:40px;width:70%}}.admin-login-container .navbar{align-items:center;display:flex;justify-content:flex-end}.admin-login-container .navbar .close-btn{color:#019c4e;cursor:pointer;font-size:1.2rem;margin-right:10px}.admin-login-container .main-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:30px}.admin-login-container .main-container img{height:70px;object-fit:cover;width:250px}.admin-login-container .exchange-contact-wrapper{align-items:center;border-radius:20px;box-shadow:2px 4px 10px 1px #00000078;display:flex;flex-direction:column;justify-content:center;margin-top:30px;min-height:300px;position:relative;width:80%}.admin-login-container .exchange-contact-wrapper .exchange-contact-top-div{display:flex;justify-content:center;margin-top:30px;width:100%}.admin-login-container .exchange-contact-wrapper .exchange-contact-top-div .exchange-contact-top-div-text{font-size:3rem;text-align:center}.admin-login-container .exchange-contact-wrapper .exchange-contact-top-div .exchange-contact-top-div-close-btn{cursor:pointer;position:absolute;right:10px;top:10px}.admin-login-container .exchange-contact-wrapper .exchange-contact-top-div .exchange-contact-top-div-close-btn .exchange-contact-top-close-btn{font-size:2rem}.admin-login-container .exchange-contact-wrapper .exchange-contact-middle-div{font-size:1.5rem;margin:auto;text-align:center;width:80%}.admin-login-container .exchange-contact-wrapper .input-wrapper{align-items:center;display:flex;justify-content:center;padding-bottom:20px;position:relative;width:100%}.admin-login-container .exchange-contact-wrapper .input-wrapper span{align-items:center;border-bottom:1px solid #000;display:flex;justify-content:space-between;width:90%}.admin-login-container .exchange-contact-wrapper .input-wrapper span input{border:none;font-size:1.2rem;height:40px;margin-top:10px;outline:none;width:90%}.admin-login-container .exchange-contact-wrapper .input-wrapper span .person-icon{color:#000;cursor:pointer;font-size:1.3rem;margin-right:15px;margin-top:10px}.admin-login-container .exchange-contact-wrapper .input-wrapper input{border:none;border-bottom:1px solid #000;font-size:1.2rem;height:40px;margin-top:10px;outline:none;width:90%}.admin-login-container .exchange-contact-wrapper .input-wrapper .input-icon{color:#000;margin-right:15px;margin-top:10px}.admin-login-container .exchange-contact-wrapper .input-wrapper .person-icon{font-size:1.7rem}.admin-login-container .exchange-contact-wrapper .bottom-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:30px;text-align:center;width:100%}.admin-login-container .exchange-contact-wrapper .bottom-container p{color:red;cursor:pointer;font-size:1.2rem;padding-bottom:30px}.admin-login-container .exchange-contact-wrapper .bottom-container button{background-color:#000;border:none;border-bottom-right-radius:20px;border-top-left-radius:20px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;height:50px;margin:20px auto 30px;outline:none;width:60%}@media only screen and (max-width:768px){.admin-login-container .exchange-contact-wrapper{width:90%}.admin-login-container .exchange-contact-wrapper .exchange-contact-top-div .exchange-contact-top-div-text{font-size:1.5rem;font-weight:700}.admin-login-container .exchange-contact-wrapper .exchange-contact-middle-div{font-size:1.2rem;margin-top:5px}.admin-login-container .exchange-contact-wrapper .input-wrapper span{width:80%}.admin-login-container .exchange-contact-wrapper .input-wrapper span input{font-size:1rem;height:30px;width:80%}.admin-login-container .exchange-contact-wrapper .input-wrapper span .person-icon{font-size:1.2rem}.admin-login-container .exchange-contact-wrapper .input-wrapper input{font-size:1rem;height:30px;width:80%}.admin-login-container .exchange-contact-wrapper .input-wrapper .input-icon{margin-right:10px}.admin-login-container .exchange-contact-wrapper .input-wrapper .input-icon .person-icon{font-size:1.2rem}.admin-login-container .exchange-contact-wrapper .bottom-container p{font-size:1rem}.admin-login-container .exchange-contact-wrapper .bottom-container button{font-size:1rem;height:40px;width:70%}}
/*# sourceMappingURL=main.5b64e897.css.map*/