.homeContainer{flex:5 1}.homeContainer .widgets{display:flex;gap:20px;padding:20px}.homeContainer .charts{height:calc(100vh - 340px);padding:20px;width:calc(100% - 40px)}.homeContainer .table{margin:100px 25px 25px;width:calc(100% - 50px)}.widget{border-radius:5px;box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);flex-wrap:wrap;height:100px;padding:10px;width:250px}.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:#a19f9f;font-size:15px;font-weight:500}.widget .left .counter,.widget .right .counter{color:#323232;font-size:32px;font-weight:300;letter-spacing:1px}.widget .left .link,.widget .right .link{cursor:pointer;font-size:13px;text-decoration:underline}.widget .left .percentage,.widget .right .percentage{align-content:center;display:flex;font-size:15px}.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;color:#fff;font-size:22px;padding:4px}.widget .left .spinner:before,.widget .right .spinner:before{-webkit-animation:spinner 1.5s linear infinite;animation:spinner 1.5s linear infinite;-webkit-animation-play-state:inherit;animation-play-state:inherit;border:5px solid #cfd0d1;border-bottom-color:rgba(123,34,186,.627);border-radius:50%;content:"";height:30px;position:absolute;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);width:30px;will-change:transform}@-webkit-keyframes spinner{0%{-webkit-transform:translate3d(0,-50%,0) rotate(0deg);transform:translate3d(0,-50%,0) rotate(0deg)}to{-webkit-transform:translate3d(0,-50%,0) rotate(1turn);transform:translate3d(0,-50%,0) rotate(1turn)}}@keyframes spinner{0%{-webkit-transform:translate3d(0,-50%,0) rotate(0deg);transform:translate3d(0,-50%,0) rotate(0deg)}to{-webkit-transform:translate3d(0,-50%,0) rotate(1turn);transform:translate3d(0,-50%,0) rotate(1turn)}}.charts p{color:gray;padding:10px}.charts .grid{stroke:#d3d3d3}.login{align-items:center;display:flex;height:100vh;justify-content:center}h3{font-size:24px;font-weight:500;margin-bottom:30px}.lContainer{align-items:center;display:flex;flex-direction:column;gap:10px}.lInput{font-size:16px;height:30px;margin-bottom:30px;padding:10px;width:300px}.lButton{background-color:#0071c2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;width:100px}.lButton:disabled{background-color:rgba(0,113,194,.549);cursor:not-allowed}.data-table{height:630.5px;margin:25px;width:calc(100% - 50px)}.data-table .cellWithStatus{border-radius:5px;padding:4px 8px}.data-table .cellWithStatus.Active,.data-table .cellWithStatus.active{background-color:rgba(0,128,0,.11);color:green}.data-table .cellWithStatus.Pending,.data-table .cellWithStatus.pending{background-color:rgba(189,189,3,.11);color:#daa520}.data-table .cellWithStatus.Discarded,.data-table .cellWithStatus.discarded{background-color:rgba(255,0,0,.101);color:red}.data-table .cellAction{display:flex;justify-content:space-around;width:100%}.data-table .cellAction .viewBtn{border:1px solid rgba(0,0,139,.5);border-radius:5px;color:#00008b;cursor:pointer;padding:2px 6px}.data-table .cellAction .deleteBtn{border:1px solid rgba(220,20,60,.5);border-radius:5px;color:crimson;cursor:pointer;padding:2px 6px}.spin-container{margin-top:100px;text-align:center}.spin{-webkit-animation:rotate 2s cubic-bezier(.26,1.36,.74,-.29) infinite;animation:rotate 2s cubic-bezier(.26,1.36,.74,-.29) infinite;border-color:#0d4b9f transparent;border-radius:50%;border-style:solid;border-width:3px;height:200px;margin:0 auto;width:200px}#loader2{-webkit-animation:rotate2 2s cubic-bezier(.26,1.36,.74,-.29) infinite;animation:rotate2 2s cubic-bezier(.26,1.36,.74,-.29) infinite;border-color:#e0edff transparent;height:220px;top:-216px;width:220px}#loader2,#loader3{border-style:solid;border-width:3px;position:relative}#loader3{-webkit-animation:rotate 2s cubic-bezier(.26,1.36,.74,-.29) infinite;animation:rotate 2s cubic-bezier(.26,1.36,.74,-.29) infinite;border-color:#005cdc transparent;height:240px;top:-452px;width:240px}#loader4{-webkit-animation:rotate2 2s cubic-bezier(.26,1.36,.74,-.29) infinite;animation:rotate2 2s cubic-bezier(.26,1.36,.74,-.29) infinite;border-color:#94b6e5 transparent;border-style:solid;border-width:3px;height:260px;position:relative;top:-708px;width:260px}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes rotate{0%{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes rotate2{0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes rotate2{0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}#text{color:#0166ff;font-family:Arial;font-size:15px;position:relative;top:-857px}.single{padding:20px}.top{justify-content:space-between}.top p{color:rgba(0,0,0,.75);font-size:24px;margin:-20px}.top .Btn{cursor:pointer;font-size:16px;padding:5px 15px}.client{display:flex}.client .userShow,.client .userUpdate{box-shadow:0 0 15px -10px rgba(0,0,0,.75);flex:1 1;padding:20px}.client .userUpdate{margin-left:20px}.client .userShowTop{align-items:center;display:flex}.client .userShowTopTitle{display:flex;flex-direction:column}.client .userShowFullname{font-size:24px;font-weight:500}.client .userShowBottom{margin-top:10px}.client .userShowTitle{color:#afaaaa;font-size:15px;font-weight:500}.client .userShowInfo{align-items:center;color:#444;display:flex;margin:20px 0}.client .userShowIcon{font-size:24px!important}.client .userShowInfoTitle{font-size:16px;margin-left:10px}.client .userUpdateTitle{font-size:24px;font-weight:500}.client .userUpdateForm{display:flex;margin-top:20px}.client .userUpdateItem{display:flex;flex-direction:column;margin-top:10px}.client .userUpdateItem>label{font-size:15px;margin-bottom:5px}.client .userUpdateInput{border:none;border-bottom:1px solid gray;font-size:15px;height:30px;outline:none;width:350px}.client .userUpdateButton{background-color:#00008b;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;margin:20px;padding:10px 20px}.client .updated{background-color:rgba(0,160,0,.7);color:#fff;font-weight:400;padding:5px;text-align:center;width:100%}.payment{border:2px solid #444;border-radius:4px;height:20vh;justify-content:center;margin:25px;width:60%}.payment,.payment .box{align-items:center;display:flex;flex-direction:column}.payment .box input{border:none;border-bottom:1px solid gray;margin-bottom:10px}.payment .box button,.payment .box input{font-size:16px;letter-spacing:1px;outline:none}.payment .box button{background-color:green;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:500;padding:10px 25px}.payment .box button:disabled,.payment .box button[disabled]{background-color:rgba(0,128,0,.7);cursor:not-allowed}.payment .done{background-color:#fff8dc;color:#000;padding:5px 50px}.sidenav{background-color:#fff;border-right:2px solid #e6e3e3;flex:1 1;min-height:100vh}.sidenav hr{border:.5px solid #e6e3e3;height:0}.top{align-items:center;display:flex;height:60px;padding-left:20px}.top img{width:160px}.center{padding-left:20px}.center ul{list-style:none}.center ul a{text-decoration:none}.center ul .title{color:hsla(0,0%,50%,.655);font-size:13px;font-weight:500;margin-top:20px}.center ul li{align-items:center;cursor:pointer;display:flex;padding:10px}.center ul li:hover{background-color:#f5f5f5}.center ul li .icon{color:#dc4535;font-size:20px;margin-right:8px}.center ul li span{color:#888;font-size:16px;font-weight:400;letter-spacing:.5px}.center ul .active{background-color:#f5f5f5}.bottom{align-items:center;display:flex;margin:10px}.bottom .colorOptions{border:1px solid #888;border-radius:5px;cursor:pointer;height:25px;margin:10px;width:25px}.bottom .colorOptions:first-child{background-color:#f5f5f5}.bottom .colorOptions:nth-child(2){background-color:#333}.navbar{border-bottom:2px solid #e6e3e3;height:60px}.navbar,.wrapper{align-items:center;display:flex}.wrapper{justify-content:space-between;padding:20px;width:100%}.wrapper .search{align-items:center;border:1px solid #d3d3d3;display:flex;padding:3px 10px}.wrapper .search .icon{cursor:pointer}.wrapper .search input{background-color:transparent;border:none;outline:none}.wrapper .items,.wrapper .items .item{align-items:center;display:flex}.wrapper .items .item{margin:0 20px;position:relative}.wrapper .items .item .i{cursor:pointer}.wrapper .items .item .counter{align-items:center;background-color:#dc3545;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:500;height:16px;justify-content:center;position:absolute;right:-4px;top:-4px;width:16px}.App{display:flex}.App .container{flex:5 1}.dark{background-color:#111;color:#f5f5f5}.dark .grid{stroke:gray}.dark .homeTable{background-color:#222}.dark .homeTable .tableCell{color:#d3d3d3}.dark .navbar,.dark .navbar .search{border-color:gray}.dark .navbar .search input{color:#f5f5f5}.dark .sidenav{background-color:#111}.dark .sidenav,.dark .sidenav hr{border-color:gray}.dark .sidenav li:hover{background-color:#333}.dark .data-table .dataGrid{border-color:gray;color:#8c8c8c}.dark .data-table .dataGrid .viewBtn{border-color:#d3d3d3;color:#d3d3d3}.dark .data-table .dataGrid .deleteBtn{border-color:#fc3535;color:#fc3535}.dark .data-table .dataGrid .cellWithStatus,.dark .userShowInfoTitle{color:#d3d3d3}.dark .single .top p,.dark .single .userShowIcon{color:gray}.dark input{color:#d3d3d3}.dark input,.dark select{background-color:transparent}.dark select{color:#fff;outline:none}p{color:gray;padding:10px}.trans{margin:25px}.trans .status{border-radius:5px;padding:5px}.trans .status.paid{background-color:rgba(0,128,0,.151);color:green}.trans .status.created{background-color:rgba(189,189,3,.103);color:#daa520}.trans .status.cancelled,.trans .status.expired{background-color:rgba(255,0,0,.101);color:red}.trans .tableCell{font-size:15px;font-weight:500;letter-spacing:.5px}.trans .amt{font-size:16px;font-weight:600}.trans .head{font-size:18px;font-weight:600}
/*# sourceMappingURL=main.1d697861.css.map*/