@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap");*{margin:0;padding:0;font-family:Open Sans,sans-serif;scroll-behavior:smooth}#root,body,html{height:100%;width:100%;color:#101010;background:#f4f6f8}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#135ca9}body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.activeLists-lists{display:flex;align-items:center;justify-content:center;text-align:center}.activeLists-lists:first-child{box-shadow:0 4px 4px rgba(0,0,0,.03);border-radius:16px}.activeLists-lists:first-child p:first-child{border-left:1px solid #65656510}.activeLists-lists:first-child p{border-right:1px solid #65656510;margin-bottom:15px;font-weight:700;font-size:14px}.activeLists-lists p{width:200px;padding:20px 0;font-weight:400;font-size:13px}.activeLists hr{border-top:1px solid #656565;opacity:.1}.activeUsers-header{display:flex;align-items:center;justify-content:space-between;margin-top:50px}.activeUsers-header h1{font-weight:700;font-size:22px}.activeUsers-header p{font-weight:400;font-size:13px;color:#656565}.activeUsers-header>div:last-child{display:flex;align-items:center}.activeUsers-border{margin:10px 0}.activeUsers-border hr:first-child{border-top:1px solid #eeeff0}.activeUsers-border hr:last-child{width:50px;border-top:3px solid #135ca9;margin-top:-3px}.activeUsers-body{background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.03);border-radius:16px;margin-top:30px;padding:15px 0}.analyticsLeft h3{font-weight:400;font-size:22px;color:#475f7b;margin-bottom:20px}.analyticsLeft p{font-weight:300;font-size:15px;color:#475f7b}.analyticsLeft h4{font-weight:700;font-size:15px}.analyticsLeft-opt{display:flex;align-items:end;justify-content:space-between}.analyticsLeft-opt .MuiSvgIcon-root{font-size:13px}.analyticsLeft-opt>div:last-child{margin-right:30px}.analyticsRight-top{display:flex;border-bottom:.5px solid #c7cfd6}.analyticsRight-left{flex:0.5 1;border-right:.5px solid #c7cfd6;padding:20px}.analyticsRight-left>div{margin-bottom:20px}.analyticsRight-left p{font-weight:400;font-size:18px;color:#475f7b;margin-bottom:7px}.analyticsRight-left h3{font-weight:700;font-size:18px;color:#135ca9}.analyticsRight-left>div:last-child{display:flex;align-items:center;justify-content:space-between}.analyticsRight-left>div:last-child p{font-weight:700;font-size:11px}.analyticsRight-right{flex:0.5 1;padding:20px}.analyticsRight-right>div{display:flex;align-items:center;color:#475f7b;margin-bottom:30px}.analyticsRight-right>div>.MuiSvgIcon-root{margin-right:17px;font-size:30px}.analyticsRight-bottom{margin-top:30px;padding:20px}.analyticsRight-bottom,.analyticsRight-users{display:flex;align-items:center;justify-content:space-between}.analyticsRight-users{background:#f4f6f8;border-radius:7px;width:350px;height:95px;padding-right:50px;padding-left:10px}.analyticsRight-users img{margin-top:-55px}.app{display:flex;justify-content:space-between}.app,.app-body{width:100%;height:100%}.app-body{padding:30px 40px;margin-left:270px}.appResponsive,.appResponsive-body{width:100%;height:100%}.appResponsive-body{padding:20px}.calendar{display:flex;align-items:center;justify-content:space-between;margin:30px 0}.calendar-list{padding:7px 18px;background:#fff;border:2px solid #e5effa;border-radius:11px;text-align:center;cursor:pointer;transition:all .2s ease-in-out}.calendar-list-active{border:2px solid #135ca9!important}.calendar-btn{display:flex;align-items:center;justify-content:space-between;padding:2px 30px;background:#fff;border:2px solid #e5effa;border-radius:11px;cursor:pointer;font-weight:700;font-size:16px;color:#135ca9}.calendar-btn:first-child{margin-bottom:5px}.chartSelection{justify-content:space-between;background:#fff;border:1px solid #d9e9fd;border-radius:12px;height:44px;padding:2px;margin-top:30px;margin-right:20px}.chartSelection,.chartSelection>div{display:flex;align-items:center;box-sizing:border-box}.chartSelection>div{width:170px;height:38px;justify-content:center;background:transparent;border-radius:10px;cursor:pointer;transition:all .2s ease-in-out}.chartSelection-active{background:#135ca9!important}.chartSelection>div p{font-weight:400;font-size:15px}.chartSelection-active p{color:#fff!important}.date{justify-content:space-between;margin:20px 0;background:#eaf2fc;box-shadow:0 4px 4px rgba(0,0,0,.03);border-radius:14px}.date,.date-date{display:flex;align-items:center}.date-date>div{height:10px;width:10px;background-color:#135ca9;border-radius:50%;display:inline-block;margin:0 20px}.date-date p{font-weight:400;font-size:15px}.date-filter,.date>div{display:flex;align-items:center}.date-filter{width:350px;height:44px;justify-content:space-between;margin:2px;padding:2px;background:#fff;border:1px solid #d9e9fd;border-radius:12px}.date-filter>div{width:110px;height:38px;display:flex;align-items:center;justify-content:center;background:transparent;box-sizing:border-box;border-radius:10px;cursor:pointer;transition:all .2s ease-in-out}.date-filter-active{background:#135ca9!important}.date-filter>div p{font-weight:400;font-size:15px}.date-filter-active p{color:#fff}.date-collapse{width:44px;height:44px;margin-left:5px;color:#135ca9;background:#fff;border:1px solid #d9e9fd;border-radius:12px;cursor:pointer}.date-collapse,.disconnectedLists-lists{display:flex;align-items:center;justify-content:center}.disconnectedLists-lists{text-align:center}.disconnectedLists-lists:first-child{box-shadow:0 4px 4px rgba(0,0,0,.03);border-radius:16px}.disconnectedLists-lists:first-child p:first-child{border-left:1px solid #65656510}.disconnectedLists-lists:first-child p{border-right:1px solid #65656510;margin-bottom:15px;font-weight:700;font-size:14px}.disconnectedLists-lists p{width:200px;padding:20px 0;font-weight:400;font-size:13px}.disconnectedLists hr{border-top:1px solid #656565;opacity:.1}.disconnectedUsers-header{display:flex;align-items:center;justify-content:space-between;margin-top:50px}.disconnectedUsers-header h1{font-weight:700;font-size:22px}.disconnectedUsers-header p{font-weight:400;font-size:13px;color:#656565}.disconnectedUsers-header>div:last-child{display:flex;align-items:center}.disconnectedUsers-border{margin:10px 0}.disconnectedUsers-border hr:first-child{border-top:1px solid #eeeff0}.disconnectedUsers-border hr:last-child{width:50px;border-top:3px solid #135ca9;margin-top:-3px}.disconnectedUsers-body{background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.03);border-radius:16px;margin-top:30px;padding:15px 0}.header{justify-content:space-between}.header,.header-input{display:flex;align-items:center}.header-input{width:70%;padding:0 15px;background:#eeeff0;box-shadow:0 4px 4px rgba(0,0,0,.03);border-radius:14px}.header-input .MuiSvgIcon-root{color:#656565}.header-input div{width:1px;height:30px;margin:0 10px;background-color:#656565;opacity:.3}.header-input input{width:100%;height:45px;background:none;border:none;outline:none;margin-left:10px;font-weight:400;font-size:13px;color:#656565}.header-right,.header-right>div{display:flex;align-items:center}.header-right>div{width:45px;height:45px;justify-content:center;background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.03);border-radius:50%;cursor:pointer}.header-right>div .MuiSvgIcon-root{color:#656565}.home-header{display:flex;justify-content:space-between}.home-header h1{font-size:24px;font-weight:400}.home-header h1 span{font-weight:700}.home-header p{font-weight:400;font-size:13px;letter-spacing:.05em;color:#656565}.home-body{padding-bottom:30px}.home-body h1{font-weight:700;font-size:22px}.home-body-border{margin:10px 0}.home-body-border hr:first-child{border-top:1px solid #eeeff0}.home-body-border hr:last-child{width:50px;border-top:3px solid #135ca9;margin-top:-3px}.home-analytics{display:flex;background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.03);border-radius:16px;padding:20px 30px;margin:30px 0}.home-analytics-left{flex:0.5 1;border-right:.5px solid #c7cfd6}.home-analytics-right{flex:0.5 1}.homeResponsive-header{margin-bottom:30px}.homeResponsive-body-header,.homeResponsive-header{display:flex;align-items:center;justify-content:space-between}.homeResponsive-body-header h1{font-weight:700;font-size:18px}.homeResponsive-body-border{margin-top:10px;margin-bottom:15px}.homeResponsive-body-border hr:first-child{border-top:1px solid #eeeff0}.homeResponsive-body-border hr:last-child{width:50px;border-top:3px solid #135ca9;margin-top:-3px}.homeResponsive-analytics{background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.03);border-radius:16px;padding:15px 20px}.homeResponsive-analytics .chartSelection{margin-right:0}.homeResponsive-analytics .chartSelection>div p{font-weight:400;font-size:11px}.homeResponsive-details>div{display:flex;justify-content:space-between;margin-top:20px}.homeResponsive-details>div>div>div{background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.03);border-radius:16px;padding:15px;width:170px;margin-bottom:20px}.homeResponsive-details>div>div>div>h3{margin-bottom:20px;font-size:14px;color:#135ca9}.homeResponsive-details>div>div>div>h3>span{color:#475f7b50}.homeResponsive-body>.analyticsRight-users{margin-top:20px;background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.03);border-radius:16px}.homeResponsive-body>.analyticsRight-users>span{margin-top:-50px!important}.sidebar{position:fixed;width:270px;height:100%;padding:30px 10px;text-align:center;background:#135ca9;box-shadow:0 4px 4px rgba(0,0,0,.03)}.sidebar>p{position:absolute;bottom:30px;left:90px;display:flex;justify-content:center;color:#fff;font-weight:600;font-size:16px;cursor:pointer}.sidebar>p .MuiSvgIcon-root{margin-left:10px}.sidebar-menus{margin-top:60px}.sidebar-menus a{text-decoration:none}.sidebar-menu{width:246px;height:44px;display:flex;align-items:center;padding-left:25px;margin-bottom:10px;border-radius:10px;color:#fff;cursor:pointer;transition:all .2s ease-in-out}.sidebar-menu-active,.sidebar-menu:hover{color:#135ca9;background-color:#fff;box-shadow:0 4px 4px rgba(0,0,0,.03)}.sidebar-menu .MuiSvgIcon-root{font-size:20px!important}.sidebar-menu p{font-weight:600;font-size:14px;padding-left:15px}.sidebarResponsive{margin-left:0;color:#fff;background:#135ca9;box-shadow:10px 0 10px rgba(0,0,0,.1);border-radius:0 20px 20px 0;padding:15px}.sidebarResponsive,.sidebarResponsive-hide{position:fixed;top:0;left:0;transition:all .3s ease-in-out;width:215px;height:100%;z-index:999}.sidebarResponsive-hide{margin-left:-300px}.sidebarResponsive-header{display:flex;justify-content:space-between}.sidebarResponsive-hide>p,.sidebarResponsive>p{position:absolute;bottom:30px;left:70px;display:flex;justify-content:center;color:#fff;font-weight:600;font-size:16px;cursor:pointer}.sidebarResponsive-hide>p .MuiSvgIcon-root,.sidebarResponsive>p .MuiSvgIcon-root{margin-left:10px}.sidebarResponsive-menus{margin-top:60px}.sidebarResponsive-menus a{text-decoration:none}.sidebarResponsive-menu{width:190px;height:44px;display:flex;align-items:center;padding-left:25px;margin-bottom:10px;border-radius:10px;color:#fff;cursor:pointer;transition:all .2s ease-in-out}.sidebarResponsive-menu-active,.sidebarResponsive-menu:hover{color:#135ca9;background-color:#fff;box-shadow:0 4px 4px rgba(0,0,0,.03)}.sidebarResponsive-menu .MuiSvgIcon-root{font-size:20px!important}.sidebarResponsive-menu p{font-weight:600;font-size:14px;padding-left:15px}.transactions-header{display:flex;align-items:center;justify-content:space-between;margin-top:50px}.transactions-header h1{font-weight:700;font-size:22px}.transactions-header p{font-weight:400;font-size:13px;color:#656565}.transactions-header>div:last-child{display:flex;align-items:center}.transactions-border{margin:10px 0}.transactions-border hr:first-child{border-top:1px solid #eeeff0}.transactions-border hr:last-child{width:50px;border-top:3px solid #135ca9;margin-top:-3px}.transactions-body{background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.03);border-radius:16px;margin-top:30px;padding:15px 0}.transactionsLists-lists{display:flex;align-items:center;justify-content:center;text-align:center}.transactionsLists-lists:first-child{box-shadow:0 4px 4px rgba(0,0,0,.03);border-radius:16px}.transactionsLists-lists:first-child p:first-child{border-left:1px solid #65656510}.transactionsLists-lists:first-child p{border-right:1px solid #65656510;margin-bottom:15px;font-weight:700;font-size:14px}.transactionsLists-lists p{width:170px;padding:20px 0;font-weight:400;font-size:13px}.transactionsLists hr{border-top:1px solid #656565;opacity:.1}.users-header{display:flex;align-items:center;justify-content:space-between;margin-top:50px}.users-header h1{font-weight:700;font-size:22px}.users-header p{font-weight:400;font-size:13px;color:#656565}.users-header>div:last-child{display:flex;align-items:center}.users-border{margin:10px 0}.users-border hr:first-child{border-top:1px solid #eeeff0}.users-border hr:last-child{width:50px;border-top:3px solid #135ca9;margin-top:-3px}.users-body{background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.03);border-radius:16px;margin-top:30px;padding:15px 0}.usersLists-lists{display:flex;align-items:center;justify-content:center;text-align:center}.usersLists-lists:first-child{box-shadow:0 4px 4px rgba(0,0,0,.03);border-radius:16px}.usersLists-lists:first-child p:first-child{border-left:1px solid #65656510}.usersLists-lists:first-child p{border-right:1px solid #65656510;margin-bottom:15px;font-weight:700;font-size:14px}.usersLists-lists p{width:200px;padding:20px 0;font-weight:400;font-size:13px}.usersLists hr{border-top:1px solid #656565;opacity:.1}.userResponsive-lists{margin-bottom:20px}.userResponsive-lists>div{background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.03);border-radius:16px;padding:15px 25px}.userResponsive-lists>div>div{justify-content:space-between}.userResponsive-lists>div>div,.userResponsive-lists>div>div>div{display:flex;align-items:center}.userResponsive-lists>div>div>div .MuiSvgIcon-root{margin-left:15px;font-size:30px}.userResponsive-lists p{font-weight:600;font-size:14px}.userResponsive-lists hr{margin:10px 0;border-top:1px solid #656565;opacity:.1}