.homeContainer,.homeContainer img{height:100%;width:100%}.homeContainer img{object-fit:cover;object-position:center}.bottom-heading{color:#73b6c2;font-size:3.5rem;letter-spacing:2.5px;margin-bottom:120px;position:absolute;text-align:center;top:38%}.homeWrapper{height:calc(100vh - 70px);width:calc(100vw - 240px)}.homeWrapper,.login{align-items:center;display:flex;justify-content:center}.login{height:100vh}h3{font-size:24px;font-weight:500;margin-bottom:30px}.lContainer{align-items:center;display:flex;flex-direction:column;gap:10px}.lInput{height:30px;margin-bottom:10px;width:300px}.lButton,.lInput{font-size:16px;padding:10px 20px}.lButton{background-color:#0071c2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;margin-top: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.New,.data-table .cellWithStatus.Verified,.data-table .cellWithStatus.new,.data-table .cellWithStatus.verified{background-color:rgba(0,128,0,.11);color:green}.data-table .cellWithStatus.In-process,.data-table .cellWithStatus.Not-verified,.data-table .cellWithStatus.in-process,.data-table .cellWithStatus.not-verified{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 .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:17px;font-weight:500;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;justify-content:space-between;padding:5px 10px;text-align:center;width:100%}.client .updated,.payment{align-items:center;display:flex}.payment{border:2px solid #444;border-radius:4px;flex-direction:column;height:20vh;justify-content:center;margin:25px;width:60%}.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{height:calc(100vh - 130px);overflow:scroll;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;z-index:2}.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{cursor:pointer;margin:0 20px;position:relative}.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}.carousel-wrapper{height:calc(100dvh - 74px);overflow-y:scroll}.carousel-wrapper .create-box{background-color:#f5f5f5;border-radius:8px;color:#000!important;display:flex;margin:25px;padding:20px;width:75vw}.carousel-wrapper .create-box .createForm{width:60%}.carousel-wrapper .create-box .createForm h3{margin-bottom:10px!important}.carousel-wrapper .create-box .createForm .formItem{margin:10px 0}.carousel-wrapper .create-box .createForm .formItem span{font-size:12px}.carousel-wrapper .create-box .createForm .formItem label{margin-right:8px}.carousel-wrapper .create-box .createForm .formItem .formInput{background-color:#f5f5f5;border:none;border-bottom:1px solid #000;color:#000!important;outline:none;width:400px}.carousel-wrapper .create-box .createForm .formCreateButton{background-color:#6495ed;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:8px 24px;transition:all .2s ease-in}.carousel-wrapper .create-box .createForm .formCreateButton:hover{background-color:rgba(53,53,255,.85)}.carousel-wrapper .create-box .instructions{width:40%}.carousel-wrapper .create-box .instructions p{font-size:14px;padding:3px 0}.materialUpdate{background-color:#f9f9f9;border-radius:4px;box-shadow:0 0 10px rgba(0,0,0,.1);margin-left:0!important;padding:20px;width:600px}.materialUpdate .materialUpdateTitle{font-size:24px;font-weight:600;margin-bottom:20px;text-align:center}.materialUpdate .materialUpdateForm{display:flex;flex-direction:column;gap:24px}.materialUpdate .materialUpdateForm .materialUpdateItem{display:flex;flex-direction:column}.materialUpdate .materialUpdateForm .materialUpdateItem label{color:gray;font-size:14px;font-weight:600;margin-bottom:10px}.materialUpdate .materialUpdateForm .materialUpdateItem .materialUpdateInput,.materialUpdate .materialUpdateForm .materialUpdateItem select{border:1px solid #d3d3d3;border-radius:5px;font-size:14px;padding:12px;width:100%}.materialUpdate .materialUpdateForm .materialUpdateItem .materialUpdateInput{width:calc(100% - 28px)!important}.materialUpdate .materialUpdateForm .materialUpdateButton{background-color:#6495ed;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:12px;transition:all .3s ease;width:100%}.materialUpdate .materialUpdateForm .materialUpdateButton:hover{background-color:rgba(53,53,255,.85)}.single{display:flex;flex-direction:column;gap:32px;height:calc(100vh - 100px);overflow:scroll;padding-bottom:20px}.form-top{align-items:center;display:flex;justify-content:space-between;margin:10px 25px}.form-top p{font-size:24px;font-weight:500}.client{display:flex;justify-content:center}.noteUpdate{background-color:#f9f9f9;border-radius:4px;box-shadow:0 0 10px rgba(0,0,0,.1);margin-left:0!important;padding:20px;width:600px}.noteUpdate .noteUpdateTitle{font-size:24px;font-weight:600;margin-bottom:20px;text-align:center}.noteUpdate .noteUpdateForm{gap:24px}.noteUpdate .noteUpdateForm,.noteUpdate .noteUpdateForm .noteUpdateItem{display:flex;flex-direction:column}.noteUpdate .noteUpdateForm .noteUpdateItem label{color:gray;font-size:14px;font-weight:600;margin-bottom:10px}.noteUpdate .noteUpdateForm .noteUpdateItem .noteUpdateInput,.noteUpdate .noteUpdateForm .noteUpdateItem select{border:1px solid #d3d3d3;border-radius:5px;font-size:14px;padding:12px;width:100%}.noteUpdate .noteUpdateForm .noteUpdateItem .noteUpdateInput{width:calc(100% - 28px)!important}.noteUpdate .noteUpdateForm .noteUpdateButton{background-color:#6495ed;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:12px;transition:all .3s ease;width:100%}.noteUpdate .noteUpdateForm .noteUpdateButton:hover{background-color:rgba(53,53,255,.85)}.Btn{background-color:#6495ed;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:500;padding:8px 24px;transition:all .2s ease-in}.Btn:hover{background-color:rgba(53,53,255,.85)}.updated{color:green;font-weight:500}
/*# sourceMappingURL=main.201958a2.css.map*/