@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500&display=swap);.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:space-between;padding:20px;width:100%}.navbar .wrapper .search{align-items:center;border:.1px solid #0d9114;border-radius:.8ch;display:flex;padding:3px}.navbar .wrapper .search .icon1{color:#0d9114}.navbar .wrapper .search input{background:transparent;border:none;outline:none}.navbar .wrapper .search input::-webkit-input-placeholder{font-size:12px}.navbar .wrapper .search input:-ms-input-placeholder{font-size:12px}.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{color:#0d9114;cursor:pointer;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}.sidebar{background-color:#fff;border-right:.5px solid #e6e3e3;flex:1 1;min-height:100vh;overflow:auto}.sidebar .top{align-items:center;display:flex;height:50px;justify-content:center}.sidebar .top .logo{color:#0d9114;font-size:20px;font-weight:700}.sidebar hr{border:.5px solid #e6e3e3;height:0}.sidebar .center{margin-top:20px;padding-left:10px;position:fixed}.sidebar .center ul{list-style:none;margin:0;padding:0;width:100%}.sidebar .center ul .title{color:#999;font-size:12px;font-weight:700}.sidebar .center ul li{cursor:pointer;display:flex;padding:10px}.sidebar .center ul li .icon{color:#0d9114;font-size:18px}.sidebar .center ul li span{color:#888;font-size:16px;font-weight:600;margin-left:10px}.sidebar .center ul li span:hover{color:#0d9114}.sidebar .bottom{align-items:center;display:flex;margin:10px}.sidebar .bottom .colorOption{color:#0d9114;cursor:pointer;font-size:18px;height:20px;margin:5px;width:20px}.login{align-items:center;background-color:#f7f2f2;display:flex;flex-direction:column;height:100vh;justify-content:center}.login h1{color:#0d9114;font-weight:800;margin-bottom:16px}.login form{align-items:center;background:rgba(0,0,0,.125);border-radius:20px;display:flex;flex-direction:column;padding:50px}.login form input{height:30px;margin:10px;width:200px}.login form button{background-color:#0d9114;border:none;color:#fff;cursor:pointer;font-weight:700;height:36px;margin-top:10px;width:208px}.login form .socialButton{align-items:center;background-color:#fff;color:#000;display:flex;justify-content:center}.login form span{color:red;font-size:15px;margin-top:20px}.storesContainer{margin-top:50px}.storesLogo{height:85px;width:150}.socialBtn{height:32px;width:32px}.home{display:flex}.home .homeContainer{flex:6 1}.greetings{border-radius:15px;box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3);color:#0d9114;font-size:22px;margin:5px 5px 5px 30px;padding:30px;text-align:center;width:94%}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,sans-serif;height:100vh}.container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:100px;position:relative;right:3%}.container .box{height:10rem;margin:4rem;position:relative;width:10rem}.container .box:hover .imgBox{-webkit-transform:translate(-2rem,-2rem);transform:translate(-2rem,-2rem)}.container .box:hover .content{-webkit-transform:translate(2rem,2rem);transform:translate(2rem,2rem)}.imgBox{height:100%;left:0;position:absolute;top:0;transition:all .5s ease-in-out;width:100%;z-index:2}.imgBox img{box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3);object-fit:cover;resize:both}.content,.imgBox img{border-radius:10px;height:14rem;width:14rem}.content{align-items:flex-end;background-color:#f0f0f0;display:flex;justify-content:center;left:0;padding:.2rem;position:absolute;text-align:center;top:0;transition:.5s ease-in-out;z-index:1}.content h2{color:#111;display:block;font-size:1rem;font-weight:500;letter-spacing:1px;line-height:2rem;margin-top:30px}.content span{color:#555;font-size:.9rem;font-weight:300;letter-spacing:2px}@media(max-width:700px){.container .box:hover .content{-webkit-transform:translateY(3.5rem);transform:translateY(3.5rem)}.container .box:hover .imgBox{-webkit-transform:translateY(-3.5rem);transform:translateY(-3.5rem)}}.list{display:flex;width:100%}.list .listContainer{flex:6 1}.MuiDataGrid-cell:focus{outline:none!important}.datatable{height:527px;padding:20px}.datatable .datatableTitle{align-items:center;color:gray;display:flex;font-size:24px;justify-content:space-between;margin-bottom:10px;text-transform:capitalize;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 .datatableTitle .sms{display:flex;flex-direction:row;justify-content:flex-start}.datatable .datatableTitle .backBtn{font-size:16px;margin-left:20px}.datatable .cellWithImg{align-items:center;display:flex}.datatable .cellWithImg .cellImg{border-radius:50%;height:32px;margin-right:20px;object-fit:cover;width:32px}.datatable .cellWithImg .cellPreview{height:52px;object-fit:cover;width:52px}.datatable .cellWithStatus{border-radius:5px;padding:5px}.datatable .cellWithStatus.active{background-color:rgba(0,128,0,.05);color:green}.datatable .cellWithStatus.pending{background-color:rgba(255,217,0,.05);color:#daa520}.datatable .cellWithStatus.passive{background-color:rgba(255,0,0,.05);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 rgba(220,20,60,.6);border-radius:5px;color:crimson;cursor:pointer;padding:2px 5px}.datatable .spinner-3{--_m:conic-gradient(#0000 10%,#000),linear-gradient(#000 0 0) content-box;-webkit-animation:s3 1s linear infinite;animation:s3 1s linear infinite;aspect-ratio:1;background:#0d9114;border-radius:50%;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;padding:8px;width:30px}@-webkit-keyframes s3{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes s3{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.single{display:flex;width:100%}.single .singleContainer{flex:6 1}.single .singleContainer .top{display:flex;gap:20px;padding:20px}.single .singleContainer .top .left{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);flex:1 1;padding:20px;position:relative}.single .singleContainer .top .left .editButton{background-color:rgba(117,81,248,.094);border-radius:0 0 0 5px;color:#0d9114;cursor:pointer;font-size:16px;padding:5px;position:absolute;right:0;top:0}.single .singleContainer .top .left .item{display:flex;gap:20px}.single .singleContainer .top .left .item .itemImg{border-radius:50%;height:150px;margin-left:40px;object-fit:cover;width:150px}.single .singleContainer .top .left .item .details .itemTitle{color:#555;margin-bottom:10px;margin-left:40px}.single .singleContainer .top .left .item .details .detailItem{font-size:20px;margin-bottom:10px;margin-left:40px}.single .singleContainer .top .left .item .details .detailItem .itemKey{color:gray;font-weight:700;margin-right:5px}.single .singleContainer .top .left .item .details .detailItem .itemValue{font-weight:400}.single .singleContainer .top .right{flex:2 1}.single .singleContainer .bottom{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);margin:10px 20px;padding:20px}.single .singleContainer .title{color:gray;font-size:20px;margin-bottom:20px}.new{display:flex;width:100%}.new .newContainer{flex:6 1}.new .newContainer .bottom,.new .newContainer .top{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);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;padding:5px;width:100%}.new .newContainer .bottom .right form button,.new .newContainer .top .right form button{background-color:#0d9114;border:none;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:10px;width:150px}.app.dark{color:#9c9c9c}.app.dark,.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:#0d9114}.app.dark .navbar .icon,.app.dark .navbar .icon1{color:#0d9114}.app.dark .sidebar{background-color:#111;border-color:#333}.app.dark .sidebar .top .logo{color:#0d9114}.app.dark .sidebar hr{border-color:#333}.app.dark .sidebar ul li:hover{background-color:#333}.app.dark .sidebar ul li .icon{color:#0d9114}.app.dark .sidebar ul li .bottom{color:#999}.app.dark .datatable .datagrid{color:gray}.app.dark .datatable .datagrid .cellWithStatus,.app.dark .datatable .datagrid .deleteButton,.app.dark .datatable .datagrid .viewButton{border:1px solid hsla(0,0%,100%,.9);color:gray}.app.dark .MuiCheckbox-root,.app.dark .MuiTablePagination-toolbar{color:hsla(0,0%,100%,.6)}.app.dark input{background-color:transparent;color:#999}
/*# sourceMappingURL=main.ba0f0492.css.map*/