@import url(https://fonts.googleapis.com/css2?family=Fira+Sans&display=swap);:root{--black:#000;--primary:#1e88e5}::-webkit-scrollbar{background:#0000;width:0}*{box-sizing:border-box;font-family:Fira Sans,sans-serif;margin:0;padding:0}.cover{background:#000000b3;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:5}body{align-items:center;background:#bdc3c7;display:flex;justify-content:center;width:100%}a{color:#000;text-decoration:none}a:hover{opacity:.6}.page{height:100vh;overflow-y:auto;width:100%}#root{background:#fff;max-width:100%;min-height:100vh;overflow-x:hidden;position:relative;width:400px}.clickable{cursor:pointer}.clickable:hover{opacity:.7!important}.menu{background-color:#fff;box-shadow:0 5px 10px #00000080;height:100vh;left:-300px;padding:20px 0;position:absolute;top:40px;transition:left .3s linear;width:250px;z-index:5;.style-1{align-items:center;border-bottom:1px solid #dadce0;box-sizing:border-box;display:flex;font-size:16px;font-weight:500;padding:11px 19px}.list-icon{height:25px;margin-right:20px}.info-icon{height:20px;margin-right:20px}.user{align-items:center;display:flex;padding:10px}.user-icon{background:#1e88e5;background:var(--primary);border-radius:100px;filter:invert(100%) brightness(100%) grayscale(100%);padding:8px 10px;img{width:20px}}.num{font-size:13px;font-weight:500;margin-left:10px}.menu-btn{color:#fff;cursor:pointer;display:flex;justify-content:flex-end;padding:20px;text-align:center;width:100%;div{background:#1e88e5;background:var(--primary);border-radius:7px;padding:10px;width:100px}}}.bottom-tab{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;width:100%;.bottom{background-color:#fff;box-shadow:0 2px 5px #0009;justify-content:space-between;margin-top:10px;max-width:100%;padding:0 15px;text-align:center;width:400px}.bottom,.style-7{align-items:center;display:flex;height:60px}.style-7{color:#000;flex-direction:column;font-size:10.8px;font-weight:500;opacity:1;width:100%}.style-7.active{border-bottom:3px solid #1e88e5;border-bottom:3px solid var(--primary);color:#1e88e5;color:var(--primary)}.bottom-icon{height:20px;margin-top:10px}.style-10{font-size:12px;margin-top:5px}}.add-machine{margin-top:40px;.style-0{padding:20px}.style-5{align-items:center;background-color:#0000;border-radius:3px;justify-content:center;margin:25px 0}.style-6{color:#5f6368;font-size:14px;white-space:nowrap;width:100%}.style-7{font-size:20px;font-weight:600}.style-11{border-radius:4px;color:#000;color:var(--black);margin-top:5px;width:100%}.style-11,.style-20{border:1px solid #187bd1;font-size:16.2px;outline:none;padding:12px}.style-20{border-radius:4px;height:45px;width:calc(100% - 100px)}.style-20,.style-20 option{color:#000}.style-26{background-color:#0000;border-radius:4px;color:#202124;font-size:16.2px;height:48.6px;left:0;min-height:34.83px;opacity:0;padding:12px;position:absolute;top:0;width:100%}.save-button{align-items:center;display:flex;justify-content:center}.cancel-b{background:#e74c3c;margin-right:40px}.cancel-b,.save-b{align-items:center;border-radius:5px;color:#fff;display:flex;font-size:16px;font-weight:500;justify-content:center;padding:10px 0;text-align:center;width:140px}.save-b{background:#1e88e5;background:var(--primary)}.cancel-icon{height:20px;margin-right:10px}}.details{margin-bottom:20px;width:100%;.details-user{margin-top:10px;padding:0 20px}.details-user,.e-name-drop{display:flex;flex-direction:column}.e-name-drop{margin-top:5px}.person{align-items:center;display:flex;margin-top:10px}.person-icon{height:20px;margin-bottom:3px}.e-name-drop label{font-size:13px;font-weight:500;margin-bottom:3px;margin-left:5px}.e-name-drop select{border:1px solid #187bd1;border-radius:5px;outline:none;padding:10px;text-transform:capitalize;width:100%}.e-name-drop select:disabled{opacity:.95}.select{width:100%}.product,.select{border:1px solid #187bd1;border-radius:5px;outline:none;padding:10px}.product{font-size:14px;font-weight:500}.save-button{align-items:center;display:flex;justify-content:center;margin-top:20px}.cancel-b{background:#e74c3c;margin-right:40px}.cancel-b,.save-b{align-items:center;border-radius:5px;color:#fff;display:flex;font-size:15px;font-weight:500;justify-content:center;padding:10px 0;text-align:center;width:110px}.save-b{background:#1e88e5;background:var(--primary)}.cancel-icon{height:20px;margin-right:10px}.form-error{color:#b22b27;font-size:15px}.camera-icon{align-items:center;border:1px solid #187bd1;border-radius:5px;cursor:pointer;display:flex;font-size:14px;font-weight:500;margin-top:15px;padding:8px 10px}.camera-container{left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:400px;z-index:10}.camera{background:#000;height:100vh;width:100%}.camera,.camera-btn{align-items:center;display:flex}.camera-btn{bottom:40px;gap:10px;margin-top:5px;position:absolute;right:50px}.camera-btn .clickable{color:#fff;cursor:pointer;padding:5px 0!important}}.user-details{margin-top:50px;.style-2{background:#fff none repeat scroll 0 0/auto padding-box border-box;border-top-left-radius:0;border-top-right-radius:0;border-radius:0 0 2px 2px;box-shadow:none;margin:0;padding:16px 0;position:relative}.style-5{display:flex;margin-bottom:0;padding:0 16px;position:relative}.style-6{box-sizing:initial;color:#5f6368;flex-shrink:0;font-size:14.004px;letter-spacing:.2px;line-height:18px;margin-bottom:-3px;min-height:30px;overflow:hidden;overflow-wrap:break-word;padding-top:10px;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:160px}.style-8{padding-top:8px;text-transform:capitalize}.style-9{background:#1e88e5;background:var(--primary);color:#fff;text-align:center}.style-13,.style-9{border:1px solid #1e88e5;border:1px solid var(--primary);font-size:14px;font-weight:600;justify-content:center;margin-left:5px;padding:10px 0;width:calc(100% - 40px)}.style-12,.style-13,.style-9{align-items:center;display:flex}.style-12{justify-content:space-between;margin-bottom:10px;padding:0 20px;width:100%}.style-32{border-radius:2px;padding-bottom:80px}.style-34{border-bottom:1.6px solid #f1f3f4;color:#3c4043;font-size:14.004px;padding:15px 20px}.style-37{background-color:#e8eaed;background:#e8eaed none repeat scroll 0 0/auto padding-box border-box;border-radius:4px;color:#5f6368;display:inline-block;flex-shrink:0;font-size:12.6px;font-weight:400;line-height:18.9px;margin:auto 10px;padding:1px 2px 0 4px;vertical-align:middle}.style-53{align-items:center;background-color:#fff;border-bottom:1px solid #f1f3f4;display:flex;padding:10px 20px}.style-54{box-sizing:border-box;display:block;margin-top:0;width:100%}.style-55{align-items:center;display:flex;justify-content:space-between}.style-56{font-size:14.004px;font-weight:500;line-height:16.8048px;max-width:70%;min-height:14px;min-width:60px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.style-57{justify-content:space-between}.advance,.style-57{align-items:center;display:flex;width:100%}.advance{margin-top:10px}.advance-amount{font-size:14px;font-weight:500;margin-left:10px}.style-59{color:#3c4043;display:block;font-size:10.854px;max-width:30%;min-width:20px;padding-right:10px}.style-59,.style-62{min-height:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.style-62{color:#000;color:var(--black);font-size:15px;font-size:13px;line-height:13.9968px;max-width:100%;min-width:60px;padding-top:4px;text-align:left}.btn{background:#1e88e5;background:var(--primary);color:#fff;font-size:15px;font-weight:500;padding:10px 25px;text-align:center}.btn,input{border-radius:5px}input{background-color:#f8f9fa;border:1px solid #1e88e5;border:1px solid var(--primary);font-size:16px;margin-right:10px;outline:none;padding:0 10px;width:100%}}.attendance{margin-bottom:100px;margin-top:60px;.style-4{background-color:#f8f9fa;border-bottom:1px solid #ddd;box-shadow:none;height:auto;padding:5px 12px;position:relative}.style-5{align-items:center;color:#202124;display:flex;font-size:12.996px;font-weight:400;height:24.3px;line-height:27px;outline:0 none #202124;white-space:nowrap;width:100%}.style-8{background:#e8eaed none repeat scroll 0 0/auto padding-box border-box;background-color:#e8eaed;border-radius:100px;color:#3c4043;display:block;flex-shrink:0;font-size:11.6964px;font-weight:400;line-height:17.5446px;margin:auto 10px;padding:2px 8px}.style-14{align-items:center;background-color:#fff;display:flex;overflow:hidden;padding-left:16px;position:relative}.style-15{border-bottom:1.6px solid #f1f3f4;box-sizing:border-box;display:block;padding:10px;width:100%}.style-16{align-items:center;display:flex;justify-content:space-between}.style-21{display:block;font-size:12.06px;max-width:30%;min-width:20px;padding-right:10px}.style-21,.style-24{color:#3c4043;min-height:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.style-24{font-size:12.96px;line-height:15.552px;max-width:100%;min-width:60px;padding-top:4px;text-align:left;text-transform:capitalize}.style-25{background-color:#1e88e5;background-color:var(--primary);border-radius:100%;bottom:80px;height:50px;justify-content:center;position:fixed;right:39%;width:50px}.date,.style-25{align-items:center;display:flex}.date{gap:20px;justify-content:space-between;margin-bottom:10px;padding:10px 20px;width:100%;.start-date{flex-direction:column;width:100%}.start-date label{color:#000;color:var(--black);font-size:13px;font-weight:500;margin-bottom:3px}.start-date input{background-color:#f8f9fa;border:1px solid #1e88e5;border:1px solid var(--primary);border-radius:5px;font-size:14px;outline:none;padding:5px 10px}}@media (max-width:1008px){.style-25{right:30px}}.style-26{height:30px}}.employees{margin-bottom:100px;margin-top:60px;position:relative;.style-5{align-items:center;background-color:#fff;border-bottom:1.6px solid #f1f3f4;display:flex;height:60px;overflow:hidden;padding-left:16px;position:relative}.num{font-size:15px;font-weight:500;margin-right:5px;width:40px}.style-7{align-items:center;display:flex;justify-content:space-between;padding-right:15px;width:100%}.style-8{font-size:15px;font-weight:500;max-width:70%;min-height:14px;min-width:60px;overflow:hidden;text-align:left;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.style-11{font-size:13px;margin-top:3px}.style-11,.style-14{color:#3c4043;white-space:nowrap}.style-14{font-size:12.96px;line-height:15.552px;max-width:100%;min-height:14px;min-width:60px;overflow:hidden;padding-top:4px;text-align:left;text-overflow:ellipsis}.style-15{align-items:center;background-color:#1e88e5;background-color:var(--primary);border-radius:100%;bottom:80px;display:flex;height:50px;justify-content:center;position:fixed;right:39%;width:50px}.btn{border:1px solid #e74c3c;border-radius:7px;margin-right:15px;padding:4px 7px;width:35px}@media (max-width:1008px){.style-15{right:30px}}.style-17{height:30px}}.machine-1{margin-bottom:90px;margin-top:60px;padding:0 15px;.style-0{align-items:center;background-color:#fff;display:flex;justify-content:space-between;padding-bottom:10px}.num{font-size:15px;font-weight:500;margin-right:5px;text-align:center;width:40px}.style-1{align-items:center;display:flex;width:100%}.style-4{height:60px;margin-right:15px;width:60px}.style-5{align-items:center;display:flex;justify-content:space-between;margin-left:15px;width:100%}.style-7{font-size:15px;font-weight:500}.style-10{color:#3c4043;display:block;font-size:12.06px;max-width:30%;min-height:14px;min-width:20px;overflow:hidden;padding-right:10px;text-overflow:ellipsis;white-space:nowrap}.style-13{font-size:13px;line-height:25px}.style-15{align-items:center;background-color:#1e88e5;background-color:var(--primary);border-radius:100%;bottom:80px;display:flex;height:50px;justify-content:center;position:fixed;right:39%;width:50px}.btn{border:1px solid #1e88e5;border:1px solid var(--primary)}.attendance-icon,.btn{border-radius:7px;padding:4px 7px;width:40px}.attendance-icon{margin-right:10px}@media (max-width:1008px){.style-15{right:30px}}.style-17{height:30px}}.qr-details{margin-bottom:30px;margin-top:40px;.style-2{padding:10px 20px}.style-5{align-items:center;display:flex}.style-6{color:#5f6368;width:100px}.style-6,.style-9{font-size:15px;font-weight:500;margin-top:15px}.style-14{display:flex}.style-21{display:inline-block;height:180px;overflow:hidden;position:relative;width:100%}.style-22{height:100px;margin-top:8px;width:100px}.style-42{border-radius:2px;padding-bottom:50px}.style-44{border-bottom:1.6px solid #f1f3f4;color:#3c4043;font-size:14.004px;padding:15px 20px}.style-47{background:#e8eaed none repeat scroll 0 0/auto padding-box border-box;background-color:#e8eaed;border-radius:100px;color:#3c4043;display:inline-block;flex-shrink:0;font-size:12.6036px;font-weight:400;line-height:18.9054px;margin:auto 10px;padding:2px 8px;vertical-align:middle}.style-63{align-items:center;background-color:#fff;border-bottom:1px solid #f1f3f4;display:flex;padding:8px 20px}.style-64{width:100%}.style-65{align-items:center;display:flex;justify-content:space-between}.style-66{font-size:14.004px;font-weight:500;line-height:16.8048px;max-width:70%;min-height:14px;min-width:60px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.style-69{color:#3c4043;font-size:10.854px;margin-top:7px}.style-72{color:#3c4043;font-size:11.664px;line-height:13.9968px;max-width:100%;min-height:14px;min-width:60px;overflow:hidden;padding-top:4px;text-align:left;text-overflow:ellipsis;white-space:nowrap}}.attendance-details{.photos{align-items:center;display:flex;font-size:14px;justify-content:center;margin-left:5px;padding:10px 0 100px;width:calc(100% - 40px)}.style-4{margin-top:70px}.style-13,.style-4{align-items:center;display:flex;margin-bottom:20px;padding:0 20px}.style-14{box-sizing:initial;color:#5f6368;flex-basis:28%;flex-shrink:0;font-size:15px;letter-spacing:.2px;line-height:18px;margin-bottom:-3px;min-height:30px;overflow-wrap:break-word;padding-right:20px;padding-top:10px;text-align:left}.style-14,.style-17{overflow:hidden;text-overflow:ellipsis}.style-17{align-items:flex-start;box-sizing:border-box;color:#000;color:var(--black);display:flex;font-size:16px;font-weight:500;justify-content:space-between;line-height:24.3px;padding-left:0;white-space:pre-wrap;width:72%;word-break:break-word}.photo{width:200px}}.header{align-items:center;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;width:100%;z-index:5;.inspections-icon{height:40px;margin-left:10px}.style-0{align-items:center;background-color:#fff;box-shadow:0 2px 4px 0 #0000001f;display:flex;padding-left:7px;padding-right:7px;width:400px}.style-2{display:inline-flex;height:50px;padding:9px;width:50px}.style-14{color:#333;flex-grow:1}.style-15{align-items:center;display:flex;font-size:19px;font-weight:500;margin-left:10px}}.login{.container{background-color:#1e88e5;background-color:var(--primary);border-radius:0 0 25px 25px;height:180px;padding:20px;width:100%}.title{color:#fff;font-size:25px;font-weight:500;margin-top:70px}.text{color:#f3f3f3;font-size:14px;font-weight:400;margin-top:10px}.input-container{display:flex;flex-direction:row;justify-content:center;margin-top:50px;text-align:center;width:100%}.input{background:#0000;background-color:#fff;border:none;border-radius:0 10px 10px 0;box-shadow:5px 4px 4px 0 #0000001a;color:#000;font-size:26px;height:70px;letter-spacing:2px;outline:none;padding:0 20px;width:290px}.input::placeholder{color:#0009;font-size:18px;letter-spacing:normal;opacity:1}.mobile-icon{height:41.67px;width:25px}.mobile-num{border-radius:10px 0 0 10px;flex-direction:column;height:70px;width:70px}.btn,.mobile-num{align-items:center;background-color:#1e88e5;background-color:var(--primary);display:flex;justify-content:center}.btn{border-radius:10px;color:#fff;font-size:16px;margin-top:25px;padding:10px 20px;width:150px}.mobile{display:flex;flex-direction:column;width:100%}.mobile,.otp-input{align-items:center;justify-content:center}.otp-input{background-color:#fff;border:none;border-radius:5px;box-shadow:5px 4px 4px 0 #0000001a;color:#000;font-size:30px;height:50px;margin:30px 5px 0;outline:none;width:50px!important}.otp-input:focus{border:2px solid #1e88e5;border:2px solid var(--primary)}}.react-calendar__month-view__days__day.red{background:#ff000026}.react-calendar__month-view__days__day.green{background:#00ff0026}.react-calendar__month-view__days__day.yellow{background:#ff0}.react-calendar__tile--active{background:#1e88e5!important;background:var(--primary)!important}.celender{width:100%}.celender,.react-calendar{align-items:center;justify-content:center;padding:10px}.react-calendar{border:1px solid #999;border-radius:6px;display:flex;flex-direction:column}.react-calendar__navigation{align-items:center;display:flex;justify-content:space-between;width:100%}.react-calendar__navigation button{background:#fff;border:1px solid #1e88e5;border:1px solid var(--primary);cursor:pointer;font-size:20px;outline:none;padding:7px 0}.react-calendar__navigation__next-button,.react-calendar__navigation__next2-button,.react-calendar__navigation__prev-button,.react-calendar__navigation__prev2-button{font-size:20px!important;gap:5px!important;padding:7px 10px!important}.react-calendar__month-view__weekdays{color:#000;font-size:17px;font-weight:500;margin:8px 0;text-align:center}.react-calendar__tile{background:#fff;border:1px solid #bdc3c7;cursor:pointer;font-size:15px;font-weight:500;padding:10px;transition:background .3s ease-in-out,color .3s ease-in-out}.react-calendar__tile--active{background:#1e88e5;background:var(--primary);border:none;color:#fff;opacity:none}
/*# sourceMappingURL=main.a66fe4dc.css.map*/