body{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;margin:0;background-color:#f5f5f5}.mainContainer{position:relative;top:0;left:0;width:100vw;height:100vh;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;padding:1vw}.topBar{box-shadow:#0002 0 1.6px 3.6px,#0000001c 0 .3px .9px;background:#fff;height:60px;border-radius:5px;box-sizing:border-box;border:1px solid #e5e5e5;display:flex;justify-content:space-between}.formContainer{height:100%;width:65%;padding:9px 0;box-sizing:border-box;display:flex;justify-content:space-between}.topBar .filterControl{width:24.5%;border-left:1px solid #e5e5e5;padding:9px;box-sizing:border-box;display:flex}.filterControl .leftButton{width:33.33%;box-sizing:border-box;padding:5px;border:none;height:100%;border-radius:4px 0 0 4px;display:flex;justify-content:center;align-items:center;border:1px solid #e5e5e5;font-size:14px;color:gray;cursor:pointer;-webkit-user-select:none;user-select:none}.filterControl .centerButton{width:33.33%;box-sizing:border-box;padding:5px;border:none;height:100%;display:flex;justify-content:center;align-items:center;border:1px solid #e5e5e5;font-size:14px;color:gray;cursor:pointer;-webkit-user-select:none;user-select:none}.filterControl .rightButton{width:33.33%;box-sizing:border-box;padding:5px;border:none;-webkit-user-select:none;user-select:none;height:100%;border-radius:0 4px 4px 0;display:flex;justify-content:center;align-items:center;border:1px solid #e5e5e5;font-size:14px;color:gray;cursor:pointer}.activeBtn{border:2px solid #0077d9!important;background:#0077d9;color:#fff!important}.topBar .addNewContainer{width:9.5%;border-right:1px solid #e5e5e5;padding:9px;box-sizing:border-box;display:flex}.topBar .addNewContainer .addBtn{box-sizing:border-box;background:#0077d9;border:none;color:#fff;border:2px solid #0077d9;height:100%;border-radius:4px;cursor:pointer;font-size:15px;width:100%;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none}.plusIcon{display:flex;justify-content:center;align-items:center;border-right:1px solid #e5e5e5;height:100%;width:30%}.plusIcon svg{display:block;font-weight:900}.addBtnText{width:70%;text-align:center}.formContainer input{height:inherit;box-sizing:border-box;border:1px solid #e5e5e5;width:91%;border-radius:4px;padding:10px}.formContainer button{width:8.5%;box-sizing:border-box;padding:5px;background:#0077d9;border:none;color:#fff;border:2px solid #0077d9;height:100%;border-radius:4px;cursor:pointer;font-size:15px}.formContainer button:disabled{opacity:.5}.mainBottom{position:absolute;top:70px;width:100%;bottom:10px;left:0;padding:1vw;display:flex;box-sizing:border-box;justify-content:space-between}.leftBox{width:75%;height:100%;box-sizing:border-box}.rigthBox{width:24%;background:#f5f5f5;height:100%;border-radius:5px;box-sizing:border-box;border:1px solid #e5e5e5;padding:18px;position:relative}.nameCard{border:1px solid #e5e5e5;width:100%;box-sizing:border-box;border-radius:5px;padding:9px;cursor:pointer;margin-bottom:10px;background-color:#fafafa}.nameActive{box-shadow:#0002 0 1.6px 3.6px,#0000001c 0 .3px .9px;background:#fff}.name{font-weight:700}.otherDetails{font-size:14px;margin-top:5px;display:flex;justify-content:space-between}.nfcTagContainer{display:flex;justify-content:center;align-items:center;color:#0077d9}.userDataContainer{color:#696969}.formHeading{font-weight:700;font-size:18px;display:flex;justify-content:space-between}.formHeading svg{font-size:25px;cursor:pointer}.mainFormContainer{width:100%;margin-top:16px;box-sizing:border-box;background-color:#f5f5f5}.inputGroup{margin-bottom:10px}.mainFormContainer input{height:inherit;box-sizing:border-box;border:1px solid #e5e5e5;width:100%;border-radius:4px;padding:10px}.mainFormContainer select{height:inherit;box-sizing:border-box;border:1px solid #e5e5e5;width:100%;border-radius:4px;padding:10px;background-color:#fff}.mainFormContainer button{width:100%;box-sizing:border-box;padding:10px;background:#0077d9;border:none;color:#fff;border:2px solid #0077d9;height:100%;border-radius:4px;cursor:pointer;font-size:15px}.mainFormContainer .printBtn{width:100%;box-sizing:border-box;padding:10px;background:#0077d9;border:none;color:#fff;border:2px solid #0077d9;height:100%;border-radius:4px;cursor:pointer;font-size:15px;text-align:center}.noResult{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:24px;color:#696969}.controlBtnContainer{margin-top:20px;display:flex}.controlBtnContainer .controlBtnBox:first-child{border-radius:5px 0 0 5px!important}.controlBtnContainer .controlBtnBox:last-child{border-radius:0 5px 5px 0!important}.controlBtnBox{width:50%;display:flex;justify-content:center;align-items:center;border:1px solid #e5e5e5;box-sizing:border-box;border-radius:5px;padding:15px;background-color:#fafafa;flex-direction:column;color:#696969;cursor:pointer}.controlBtnBox svg{width:70px;height:70px}.controlBtnBox .heading{margin-top:10px;font-size:14px}.controlBtnBoxActive{background:#0077d9;color:#fff;border:1px solid #0077d9;box-sizing:border-box}.responseBox{position:absolute;bottom:0;left:0;width:100%;height:92px;border-radius:0 0 4px 4px;display:flex;justify-content:space-between;align-items:center;color:#fff}.responseBox div:first-child{width:30%;display:flex;justify-content:center;align-items:center;font-size:41px}.responseBox div:first-child svg{display:block}.responseBox div:last-child{width:70%;text-align:left;font-size:16px;padding-right:20px}.warning{background:#880808}.success{background:#50c878}.printMainContainer{position:fixed;display:none}.printInnerContainer{width:3in;height:1.5in;display:flex;justify-content:center;align-items:center;flex-direction:column;box-sizing:border-box;padding:20px}.printName{font-weight:700;font-size:20px}